首页 >

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

php教程|php手册jQuery插件实现select下拉框左右选择_交换内容(multiselect2side),jqueryselect插件
树形结构
php教程-php手册
jQuery插件实现select下拉框左右选择_交换内容(multiselect2side),jqueryselect插件
thinkphp视频聊天源码,vscode已下载无法安装,ubuntu mpi并行,tomcat 启动被卡住,java爬虫request,php 安装 yaml,江苏seo网络推广选哪家,教程网站易语言源码下载,学生手机问卷调查模板下载安装lzw
效果图:
虚拟币交易平台源码.net,ubuntu解压 没有文件,启动tomcat8.0闪退,什么是爬虫游戏,宝塔优化php网站并发量,如何挖掘seolzw
微赞 模块 源码 教程,ubuntu安装中文宋体,tomcat怎么进入控制台,爬虫 解析网页,头歌php语言之mysql,增城网站seolzw
使用jQuery插件—multiselect2side做法:

无标题文档	$().ready(function() {	     $('#searchable').multiselect2side({		 search: "待选区  搜索:" ,		 selectedPosition: 'right',   		 moveOptions: false,   		 labelsx: '待选区',   		 labeldx: '已选区'					     });			});	
超级管理员 普通管理员 信息发布员 财务管理员 产品管理员 资源管理员 管理员

解析:

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  5         $().ready(function() { 6             $('#searchable').multiselect2side({ 7 search: "待选区  搜索:" , 8 selectedPosition: 'right',    9 moveOptions: false,   10 labelsx: '待选区',   11 labeldx: '已选区'              12             }); 13 14         });15 16 
17 18 19 全部 20 21 {$vo.nickname}22 23 24 未找到用户25 26
页面获取值使用 $ser=$_POST['
searchable']; 获取的是数组类型option的value值

方法二:使用jquery实现

#one{width:200px; height:180px; float:left}#two{width:50px; height:180px; float:left}#three{width:200px; height:180px; float:left}.btn{width:50px; height:30px; margin-top:10px; cursor:pointer;}  //下拉框交换JQuery   导入jQuery文件$(function(){    //移到右边    $('#add').click(function() {    //获取选中的选项,删除并追加给对方        $('#select1 option:selected').appendTo('#select2');    });    //移到左边    $('#remove').click(function() {        $('#select2 option:selected').appendTo('#select1');    });    //全部移到右边    $('#add_all').click(function() {        //获取全部的选项,删除并追加给对方        $('#select1 option').appendTo('#select2');    });    //全部移到左边    $('#remove_all').click(function() {        $('#select2 option').appendTo('#select1');    });    //双击选项    $('#select1').dblclick(function(){ //绑定双击事件        //获取全部的选项,删除并追加给对方        $("option:selected",this).appendTo('#select2'); //追加给对方    });    //双击选项    $('#select2').dblclick(function(){       $("option:selected",this).appendTo('#select1');    });});select下拉框内容交换开始-->    <!-- 
if condition="!empty($mod_user)"> 全部 {$vo.nickname} 未找到用户
class="btn" value=">"/>
>"/>
<input type="button" class="btn" value="
<input type="button" 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); });});


jQuery插件实现select下拉框左右选择_交换内容(multiselect2side),jqueryselect插件
  • thinkPHP实现递归循环栏目并按照树形结构无限极输出办法【PHP】
  • thinkPHP实现递归循环栏目并按照树形结构无限极输出办法【PHP】 | thinkPHP实现递归循环栏目并按照树形结构无限极输出办法【PHP】 ...

    jQuery插件实现select下拉框左右选择_交换内容(multiselect2side),jqueryselect插件
  • php实现的树形结构数据存取类实例,树形实例
  • php实现的树形结构数据存取类实例,树形实例 | php实现的树形结构数据存取类实例,树形实例 ...

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

    © 牛的日记 | www.liuzhongwei.com
    网站部分内容来源于网友供稿,若有侵权请联系删除,970928#QQ.com