select2的多选下拉框上传

1.加入multiple: true,属性实现多选下拉框样式

2.下拉框选择后的值是数组类型不要经过数据处理才能进行表单提交

提交的时候原下拉框所在的标签不提交,而是将多选后的值存入页面中的一个隐藏标签中,将这个隐藏标签进行提交

select2的多选下拉框上传

 

 

select2的多选下拉框上传

提交时获取选中的下拉框的所有的值,并遍历这些值,将这些值分别以(值 逗号)的形式存入一个变量中,并在遍历完成后去掉最后一个逗号, 最终的格式类似  1,4,6,7 这样

 

 页面初始化时,假如值传入,就将数据处理成数组并通过&(“#aa”).val(arr).trigger('change')绑定进多选下拉框中

select2的多选下拉框上传

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyydxy.html