php教程|php手册
树形结构
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做法:
解析:
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: ight, 9 moveOptions: false, 10 labelsx: 待选区, 11 labeldx: 已选区 12 }); 13 14 });15 16
17 1819 全部 {$vo.nickname}222324 未找到用户2526
页面获取值使用 $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" value=" <input type="button" 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); });}); 本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
相关阅读
|