两个多选select(multiple左右)添加、删除选项和取值实例
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了两个多选select(multiple左右)添加、删除选项和取值实例,使用jquery实现,需要的朋友可以参考下
不知道怎么描述，就是有两个select下拉，做成文本域那样的，可以从一侧的结果集中选择值，添加到另一侧中；另一侧删掉后，值又重新到结果集那边了。直接看范例演示吧，相信你以前后者以后会用到的！
不多说了，上代码： 代码如下:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&&html xmlns="http://www.w3.org/1999/xhtml"&&head&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&title&select&/title&&script type="text/javascript" src="jquery.min.js"&&/script&&script&$(function(){&$("#car_type_list").dblclick(function(){&&var s_val = this.&&if(s_val == '')&&$(this).children("option[value='"+s_val+"']").remove();&&$("#car_type").append('&option value="'+s_val+'"&'+s_val+'&/option&');&&//以下代码作用是 将选择到的值备份到一个id为car_type_val的input中，可以进行传值&&$("#car_type_val").val($("#car_type_val").val()+s_val+"@");&&alert($("#car_type_val").val())&});&$("#car_type").dblclick(function(){&&var s_val = this.&&if(s_val == '')&&$(this).children("option[value='"+s_val+"']").remove();&&$("#car_type_list").append('&option value="'+s_val+'"&'+s_val+'&/option&');&&var now_val = $("#car_type_val").val();&&now_val = now_val.replace(s_val+"@","");&&$("#car_type_val").val(now_val);&&alert($("#car_type_val").val())&});})&&/script&&/head&
&body&&input type="hidden" name="car_type" value="" id="car_type_val" /&&br/&&select multiple="multiple" style="min-width:200 min-height:80" id="car_type"&&/select&&&&select multiple="multiple" style="min-width:200 min-height:80" id="car_type_list"&& &option value="2014森林人系列"&2014森林人系列&/option&& &option value="2014傲虎系列"&2014傲虎系列&/option&& &option value="2014力狮系列"&2014力狮系列&/option&& &option value="2014XV系列"&2014XV系列&/option&& &option value="WRX STI"&WRX STI&/option&& &option value="SUBARU BRZ"&SUBARU BRZ&/option&& &option value="TRIBECA"&TRIBECA&/option&&/select&&/body&&/html&其中“&input type="hidden" name="car_type" value="" id="car_type_val" /&”这个的作用相当于是一个容器，提交表单的时候可以传值。到接收值的页面，用相应的语言，比如php，就用explode函数，以“@”为分界分割成一个数组。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具&&&&ios_UITableView多选全选和删除
ios_UITableView多选全选和删除
这是一个自定义UItableViewCell，支持多选、全选、全不选以及删除选择的数据操作。
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
VIP下载&&免积分60元/年（1200次）
您可能还需要
移动开发下载排行笔记本电脑怎么卸载天猫_百度知道
笔记本电脑怎么卸载天猫
笔记本电脑怎么卸载天猫
然后打开360安全卫士的“功能大全”使用里面的“文件粉碎机”，选定“阻止粉碎文件再次生成”清除之后，卸载。 如果重启还会有就是中病毒了 是假冒的图标 单纯删除桌面无济于事1，或者进入安全模式4，反复重启电脑多操作几次、下载360系统急救箱最新版打开后查杀木马2、若一次不行、全盘查杀后再打开360系统急救箱——修复——点立即修复——重启电脑——刷新桌面3，找找看有没有关于天猫的程序　右击，重启电脑，即可删除“开始”菜单——控制面板——添加或删除程序、安装360杀毒全盘杀毒即可
来自团队：
其他类似问题
为您推荐：
其他3条回答
到电脑程序里面去卸载，电脑——控制面板——语言与程序——找到对应的程序卸载掉就可以了
下载电脑管家、360软件管家、驱动精灵软件管家菜单——控制面板——添加或删除程序
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁JSP+AJAX 添加、删除多选框-java-电脑编程网JSP+AJAX 添加、删除多选框作者：佚名　和相关&&
&&& 本例是采用JSP + Ajax + 文本来演示多选、全选，添加、删除、更新checkbox多选框的效果；充分展现了利用JavaScript控制HTML DOM以及利用XML http 传递数据，利用JSP操作文本的效果。
&&& 1.JavaScript 用来控制页面内容的现实与增删效果；
&&& 2.JSP作为后台，对文本进行读取、写入、更新等操作；
&&& 3.文本格式是用来存储数据的，数据编码UTF-8；
&&& 4， 本例子在win32，Red hat Linux 9下 jdk1.
&&& 5，Tomcat 5.0，Apache 2.5下调试通过，同时兼容Firefox 1.0，Opera 8.0，IE6.
&&& 本例子的优点：
&&& 1.实时创建html对象，所见即所得的页面增删操作。显示速度加快，增加用户体验。
&&& 2.XML http传递数据是只是一个id或一个表单值，节省带宽。
&&& 3.本例子适合采用XML http方式，所以这个效果实用性强，可是JS/JSP代码都很简单。
&&& 4.有很多东西可以在其他项目中共用，并且解决了操作文本关于中文字符编码的问题。 （本例子在中文操作系统运行，所以选择了GBK编码，如果OS是英文的则需要另外处理，比如改编码为UTF-8，或者根据需要另外转换编码。）
&&& 5.有拖拽以及展开关闭的效果，用cookie记录了位置以及打开关闭状态，可以在某个项目里用。
&&& 6.有丰富的注释，适合初学者一起探讨。
&&& 缺点：
&&& 1.维护调试麻烦，为了这个效果是否值得这样做？如果采用普通的方式，嵌入一个iframe进来，会不会也可以。
&&& 2.代码没有更多地优化、简写，有些地方冗余。
&&& 3.交互设计方面没有好好地做，这里主要表示的是技术实现和交流。
&&& 源文件下载：点击
相关资料：｜｜｜｜｜｜｜JSP+AJAX 添加、删除多选框来源网络，如有侵权请告知，即处理！编程Tags：　　　　　　　　　　　　　　　　&　　　　　　　　　　　　　　　　　　　　}