Javascript select2不工作

我的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>

阿拉斯加州
夏威夷
加利福尼亚
内华达州
俄勒冈
华盛顿
亚利桑那州
科罗拉多州
爱达荷州
蒙大拿
内布拉斯加州
新墨西哥州
北达科他州
犹他州
怀俄明州
$（“.js示例基本倍数”）.select2（）；

控制台中的错误： 未捕获类型错误：$（…）。select2不是函数 在HTMLDocument

JS小提琴：

---

如果您正确导入了-jQuery库，请选择2 js并选择2 css，该操作将正常运行

在这里，我从他们的cdn中导入了jquery 2.0.0以及css和js，效果很好：

$（“.js示例基本倍数”）.select2（）

阿拉斯加州
夏威夷
加利福尼亚
内华达州
俄勒冈
华盛顿
亚利桑那州
科罗拉多州
爱达荷州
蒙大拿
内布拉斯加州
新墨西哥州
北达科他州
犹他州
怀俄明州
控制台中有一个错误：
TypeError:$（…）。select2不是一个函数
似乎select2没有很好地导入。@AnthonyB未捕获的TypeError:$（…）。select2不是HTMLDocument中的函数。请在
select2
之前尝试包含
jquery
@AnthonyB我已经使用了select2的CDN检查序列是否正确（jQuery，然后选择2），jQuery不会被加载多次（选择2后）加载DOM后，您可能希望使用initialize select2。因此，您可以在DOMContentLoaded事件中对其进行初始化。重要的是，在导入jquery和select2脚本后，可以使用select2。是的，您说得对@AnthonyB。谢谢。但我认为代码段会自动将所有脚本代码放入类似“$（document）.ready（）”的内容中因此，它只能在加载DOM后运行。虽然我不确定。我想代码片段是这样的，但由于人们会复制/粘贴此代码来解决Select2问题，因此在导入脚本后，或者在
$（document.ready（）
中使用Select2可能会很有用。是的，谢谢@AnthonyB。只是在答案中添加了一个注释。