如何利用select2下拉框插件方法限制选框项个数
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何利用select2下拉框插件方法限制选框项个数相关的知识，希望对你有一定的参考价值。
参考技术A第一步，打开HBuilder开发软件，新建静态页面select2.html，并引入select2相关的css和js文件，如下图所示：
第二步，在<body></body>插入div和select，设置下拉框的宽度，如下图所示：
第三步，在jquery初始化函数，调用select2方法生成下拉框，如下图所示：
第四步，预览该静态页面，操作下拉框，发现可以选择零个或者全部，如下图所示：
第五步，select2方法里添加限制最多选项的属性，设置为4个，如下图所示：
6
第六步，再次预览该静态页面，操作下拉框发现最多只能选择4个，如下图所示：
ajax 遍历select 下拉框
html ：<select id="type" > </select>
js代码：
<script type="text/javascript">
//动态绑定下拉框项
function addnotice() {
$.ajax({
url: "${pageContext.request.contextPath}/dictionary/jindex.action?sign=4", //后台返回json数据
type: "post",
dataType: "json",
contentType: "application/json",
traditional: true,
success: function (data) {
for (var i in data) {
var jsonObj =data[i];
var optionstring = "";
for (var j = 0; j < jsonObj.length; j++) {
optionstring += "<option value=\"" + jsonObj[j].name + "\">" + jsonObj[j].name + "</option>";
$("#type").html("<option value=‘请选择‘ >请选择...</option>"+ optionstring);
}
}
},
error: function (msg) {
alert("出错了！");
}
});
};
window.onload=addnotice; //页面加载完自动加载
</script>
以上是关于如何利用select2下拉框插件方法限制选框项个数的主要内容，如果未能解决你的问题，请参考以下文章
js如何根据下拉框的每个选项，限制另一个复选框小组的选择个数