Jquery Select2使用普通ASP.net(无MVC)

时间:2015-03-09 09:40:29

标签: c# asp.net jquery-select2

我正在尝试使用带有<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 我得到的输出是。 enter image description here

我想要的是一个下拉列表,用户可以从填充的值中选择多个值。 顺便说一句,我使用的是最新版本的select2.js

1 个答案:

答案 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>