如何利用select2下拉框插件方法限制选框项个数_IT百科

第一步，打开HBuilder开发软件，新建静态页面select2.html，并引入select2相关的css和js文件，如下图所示：

第二步，在<body></body>插入div和select，设置下拉框的宽度，如下图所示：

第三步，在jquery初始化函数，调用select2方法生成下拉框，如下图所示：

第四步，预览该静态页面， *** 作下拉框，发现可以选择零个或者全部，如下图所示：

第五步，select2方法里添加限制最多选项的属性，设置为4个，如下图所示：

第六步，再次预览该静态页面， *** 作下拉框发现最多只能选择4个，如下图所示：

清空option 不是很难的 *** 作。只需要遍历现有option，将其每个子元素都置空即可。

代码如下：

function clearOption(selectId){

var selectObj = document.getElementById(selectId)

for(var i = 0,len = selectObj.options.lengthi <leni++){

selectObj.options[0] = null

}

欢迎分享，转载请注明来源：内存溢出

如何利用select2下拉框插件方法限制选框项个数