select2不起作用

  • Z时代
  • 2024-01-10
  • 分类：问答

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

错误控制台： 遗漏的类型错误：$（...）选择2是不是在HTMLDocument的一个功能 。

JS FIDDLE：

https://jsfiddle.net/y6ogss94/

回答：

这运行正常，如果你有正确导入 - jQuery库，选择2 JS和CSS选择2。

这里，我已经进口的jQuery 2.0.0和select2 CSS和JS从他们的CDN和正常工作：

$(".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>

注： 您需要执行您选择2初始化代码只有在你包含js库和DOM已经加载后，这是大多数jQuery插件的一般做法，不仅如此。因此，在使用该代码，您应该包括jQuery和选择2脚本后写这个剧本：

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

以上是 select2不起作用 的全部内容， 来源链接： utcz.com/qa/262896.html

回到顶部