码迷,mamicode.com
首页 > Web开发 > 详细

select2的多选下拉框上传

时间:2019-09-24 17:45:25      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:不提交   选择   image   change   去掉   属性   表单提交   绑定   初始   

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

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

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

技术图片

 

 技术图片

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

 

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

技术图片

 

select2的多选下拉框上传

标签:不提交   选择   image   change   去掉   属性   表单提交   绑定   初始   

原文地址:https://www.cnblogs.com/clsl/p/11579157.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!