如何使用 select2 引导程序

Question

我是 select2 的新手，我使用 bootsrap v3.3.6

如何插入 select2 引导程序？ 我已经输入了

<link href="css/select2.css" rel="stylesheet">
<link href="css/select2-bootstrap.css" rel="stylesheet">
<select id="position" style="width: 15%">
                <option value=""></option>
                <option>One</option>
                <option>Two</option>
<script src="js/select2.js"></script>
 $("#position").select2({
        allowClear:true,
        placeholder: 'Position'
      });

但输出仍然像默认的select2。不像bootstrap，请帮忙

Answer 1

$("#position").select2(..) 实例应该在 script 标记内。确保关闭 select 标记。确保您正确引用了 select2.css 和 select2.js，并且浏览器控制台中没有错误。

http://codeply.com/go/YNg1JSaysI

Answer 2

请更新您的代码如下：-

 <link href="css/select2.css" rel="stylesheet">
 <link href="css/select2-bootstrap.css" rel="stylesheet">
 <select id="position" style="width: 15%">
 <option value=""></option>
 <option>One</option>
 <option>Two</option>
 <script src="js/select2.js"></script>
 <script>
 $("#position").select2({
 allowClear:true,
 placeholder: 'Position'
 });
 </script>

链接如下：

https://cdnjs.com/libraries/select2
https://cdnjs.com/libraries/select2-bootstrap-css
https://cdnjs.com/libraries/select2?ref=driverlayer.com/web

希望有帮助！