如何使用 select2 bootstrap

Question

我是新的 select2 im 使用 bootsrap v3.3.6

如何插入 select2 bootstrap？我已经输入

<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

希望对您有所帮助！

如何使用 select2 bootstrap

how to use select2 bootstrap

twitter-bootstrap

select2