我正在尝试使用带有<select></select>
控件的select2而我无法正确使用它。我在下面发布我的脚本。
我的控制权。
<select id="select2" runat="server" multiple="true" width="170px"></select>
我要导入的脚本。
<script type="text/javascript" src="../Scripts/select2.min.js" ></script>
<script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="../Scripts/select2.min.css" />
$("#select.<%=select2.ClientID%>").select2();
我在页面加载时从代码中填充我的控件。
我得到的错误是Uncaught TypeError: undefined is not a function
我得到的输出是。
我想要的是一个下拉列表,用户可以从填充的值中选择多个值。 顺便说一句,我使用的是最新版本的select2.js
答案 0 :(得分:0)
我测试它,它适用于我
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.1/js/select2.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0-rc.1/css/select2.css" rel="stylesheet" />
<select id="select2" runat="server" multiple="true" width="170px">
<option value="11111">11111</option>
<option value="22222">22222</option>
<option value="33333">33333</option>
<option value="44444">44444</option>
</select>
<script type="text/javascript">
$( "#<%=select2.ClientID%>" ).select2();
</script>