Select2 是下拉搜索框插件,直接放例子,希望对你有帮助
<script type="text/javascript">
$(document).ready(function () {
debugger;
var isApproval = "<%=Page_ApprovalStatus %>";
if (isApproval != "True") {
var $jq = window.$;
console.log("更新前当前版本:" + $().jquery); // => '1.11.0'
jQuery.noConflict(true)(function () {
console.log("更新后当前jQuery版本:" + $().jquery);
jQuery('.singleSelect').select2({
placeholder: '请选择',
data: <%=PayCompanyList %>
});
jQuery('.singleSelect').on("select2:select", function (a) {
$("#<%=lblPaymentCompany.ClientID %>").val(a.params.data.text);
});
}); //使用最新Jquery
window.$ = window.jQuery = $jq; //恢复旧Juqery
}
});
</script>
能否看懂这个JavaScript语句,系统用的是Jquery1.4版本,我用最新的Jquery放在1.4版本前,当需要用到3.4版本,就用Jquery.noConflict包一下,在里面使用3.4Jquery,之后恢复1.4版本,不影响其他操作。
至于Select2引用js文件和css文件以及jquery 直接使用jquery.select2 就行了,里面很多属性,包括对ajax的调用
版权声明:本文为HPFBoy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。