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 18 19 全部 20 21 {$vo.nickname}22 23 24 未找到用户25 26
页面获取值使用 $ser=$_post['searchable']; 获取的是数组类型option的value值
方法二:使用jquery实现
select下拉框内容交换开始--> 全部 {$vo.nickname} 未找到用户
class=btn value=>/>
>/>
$(function(){ $('#sub').click(function(){ var uidlist=$('#searchable').val(); var midlist=$('#select4').val(); var content=$('#content').val(); var pushtime=$('#pushtime').val(); var image=$('#image').val(); $('#uidlist').val(uidlist); });});
http://www.bkjia.com/phpjc/917480.htmlwww.bkjia.comtruehttp://www.bkjia.com/phpjc/917480.htmltecharticlejquery插件实现select下拉框左右选择_交换内容(multiselect2side),jqueryselect插件 效果图: 使用jquery插件---multiselect2side做法: !doctype html publ...
