选择 2 不工作

Question

我的 select2 不工作。它只是显示了多个选择框

<form action="">
<select class="js-example-basic-multiple" multiple="multiple">

<option value="AK">Alaska</option>
<option value="HI">Hawaii</option>

<option value="CA">California</option>
<option value="NV">Nevada</option>
<option value="OR">Oregon</option>
<option value="WA">Washington</option>

<option value="AZ">Arizona</option>
<option value="CO">Colorado</option>
<option value="ID">Idaho</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NM">New Mexico</option>
<option value="ND">North Dakota</option>
<option value="UT">Utah</option>
<option value="WY">Wyoming</option>

  </select>
</form>
<script type="text/javascript">
                $(".js-example-basic-multiple").select2();
</script>

控制台错误：未捕获的类型错误：$(...).select2 不是函数在 HTMLDocument.

JS FIDDLE:

https://jsfiddle.net/y6ogss94/

Answer 1

如果您已正确导入 - jQuery 库、select2 js 和 select2 css.

，则运行良好

我在这里从他们的 cdn 导入了 jquery 2.0.0 和 select2 css 和 js，它工作正常：

 $(".js-example-basic-multiple").select2();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.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>


<form action="">
<select class="js-example-basic-multiple" multiple="multiple">

<option value="AK">Alaska</option>
<option value="HI">Hawaii</option>

<option value="CA">California</option>
<option value="NV">Nevada</option>
<option value="OR">Oregon</option>
<option value="WA">Washington</option>

<option value="AZ">Arizona</option>
<option value="CO">Colorado</option>
<option value="ID">Idaho</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NM">New Mexico</option>
<option value="ND">North Dakota</option>
<option value="UT">Utah</option>
<option value="WY">Wyoming</option>

  </select>
</form>

注：只有在包含两个 js 库并且 DOM 已加载后，您才需要执行 select2 初始化代码，这是大多数 jQuery 插件的一般做法，不仅如此。因此，在使用此代码时，您应该在包含 jquery 和 select2 脚本后编写此脚本：

<script>
$(document).ready(function(){
  $(".js-example-basic-multiple").select2();
});//document ready
</script>

选择 2 不工作

select2 is not working

html

javascript

select2