使用HTML5数据属性初始化Javascript Select2控制器

-1

我试图管理select2 library以增强本机选择html控件的功能。使用HTML5数据属性初始化Javascript Select2控制器

根据官方文档（非常压缩），它说，使用select2你只需要下载他们的CSS和JavaScript文件，这是（也是隐含的假设，你需要JQuery）。

所以，有一种方式的初始化选择使用HTML5 data attributes ...但我没有得到它，我试图按照他们的例子.... perpahs我在这里错过了一些重要的笔记...希望任何人可以帮助我。

这里是我想要做

<!DOCTYPE html> 
<html> 

    <head> 
     <script src="https://code.jquery.com/jquery-3.1.0.js"></script> 
     <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
    </head> 

    <body> 
    <h1>Hello Select2</h1> 
    <div> 
     <select multiple id="a_select" data-tags="true" data-placeholder="Select an option" data-allow-clear="true" style="width:100%"> 
     <option value="AL">Alabama</option> 
     <option value="WY">Wyoming</option> 
     </select> 
    </div> 

    </body> 

</html>

另外一个链接到plunker，有准备去一个活生生的例子的HTML。 https://plnkr.co/edit/Xk101K3sowAYQwbRCFez?p=preview

谢谢。 P.D：我可以实现期望的效果，认为javascript，但是当我刚刚在官方网站上跟随示例时，不知道什么是不工作。

来源

2016-09-19 Victor

为什么downvote ....？ – Victor

你没有初始化选择二随时随地... data-*属性让你覆盖默认的配置，但你仍然需要揭开序幕插件：

<script>$('select').select2();</script>

https://plnkr.co/edit/RPObSPVl8jlZgtedsK38?p=preview

来源

2016-09-19 16:09:08

Okey，我明白了，这是有效的......但文档并没有说明你必须使用javascript。 – Victor

[是的，但是]（https://select2.github.io/）。更不用说，[每一个例子]（https://select2.github.io/examples.html）。 –

对不起Adnré，但它并没有说这个例子中的explicitty是正确的，以前是隐含的信息，你可以说....你将不得不原谅我，但与其他框架一起工作，你发现它实际上可以存档所需的效果认为html5数据属性与javascript一样。例如：https：//bootstrap-datepicker.readthedocs.io/en/latest/。现在有一天，我想，它不会伤害任何人来完成文档。这是脱离主题，但同样，我有一个观点。无论采取与否，取决于你。 – Victor

使用HTML5数据属性初始化Javascript Select2控制器

回答

相关问题