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

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

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

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

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

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

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

6

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

<s:select cssStyle="width:145px"

name="名称"

list="#返回的列表"

listKey="key(值)" listValue="value(文本)"

headerKey="单选头Option的值" headerValue="单选头Option的文本" ></s:select>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11730142.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存