PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

jQuery插件实现select下拉框左右选择_交换内容(multiselect2side),jqueryselect插件

原创
2016-06-13 09:20:09 1371浏览

jQuery插件实现select下拉框左右选择_交换内容(multiselect2side),jqueryselect插件

 

 

效果图:

使用jQuery插件---multiselect2side做法:



无标题文档

  解析:

head头部导入
jquery.multiselect2side.css文件
jquery-1.6.4.min.js jquery文件
jquery.multiselect2side.js文件
**注意:jquery文件必须在jquery.multiselect2side.js之前导入

 

写一个js调用multiselect2side方法,参数说明
search: "待选区 搜索:"参数是添加搜索区
selectedPosition: 'right', 参数是添加右侧的下拉框选择项位置(必须)
moveOptions:移动选项,可以用来给选项排序,实际应用意义不大,这里设置为false
labelsx和labeldx是用来设置左右两个列表框的标题,如果不需要可设置为空
maxSelected:最大选项数,即最多只能选择几项

项目 1

 2  3  4 16 
  17


页面获取值使用 $ser=$_POST['
searchable']; 获取的是数组类型option的value值

方法二:使用jquery实现





select下拉框内容交换开始-->
                                                    
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。