Question

我正在尝试管理select2 library以增强本机选择html控件的功能。

根据官方文档（非常压缩），它说使用select2你只需要下载他们的css和javascript文件，这就是（而且，假设，你需要Jquery）。

所以，有一种方法可以使用HTML5 data attributes初始化选择......但是我没有得到它，我正试图效仿他们的例子...... perpahs我在这里错过了一些重要的注释。希望有人能帮助我。

这是我正在尝试的HTML

<!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，有一个现成的例子准备好了。 https://plnkr.co/edit/Xk101K3sowAYQwbRCFez?p=preview

感谢。

P.D：我可以通过javascript来达到理想的结果，但是当我在官方网站上关注这个例子时，不知道什么是无效的，这很烦人。

Answer 1

您没有在任何地方初始化Select2 ... data-*属性允许您覆盖默认配置，但您仍然需要启动插件：

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

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

使用HTML5 data- *属性初始化Javascript Select2控制器

1 个答案: