两个多选选择（多个左右)添加、删除选项和取值实例

不知道怎么描述，就是有两个挑选下拉，做成文本域那样的，可以从一侧的结果集中选择值，添加到另一侧中；另一侧删掉后，值又重新到结果集那边了。直接看范例演示吧，相信你以前后者以后会用到的！

不多说了，上代码：复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title select/title script type=' text/JAVAScript ' src=' http : jquery。量滴js '/script script $(function(){ $(' # car _ type _ list ')).dblclick(function(){ var s _ val=this。价值；if(s_val==' ')返回；$(这个)。子项(' option[value=' s _ val ' ']').移除();$('#car_type ').追加('选项值=' s _ val ' ' ' s _ val '/选项');//以下代码作用是将选择到的值备份到一个编号为汽车类型值的投入中，可以进行传值$('#car_type_val ').val($('#car_type_val ').val()s _ val ' @ ')；警报($('#car_type_val ').val())})；$('#car_type ').dblclick(function(){ var s _ val=this。价值；if(s_val==' ')返回；$(这个)。子项(' option[value=' s _ val ' ']').移除();$('#car_type_list ').追加('选项值=' s _ val ' ' ' s _ val '/选项');var now_val=$('#car_type_val ').val()；now _瓦尔=now _瓦尔。替换(s _ val ' @ '，' ')；$('#car_type_val ').val(现在_ val)；警报($('#car_type_val ').val())})；})/script/head dyinput type=' hidden ' name=' car _ type ' value=' id=' car _ type _ val '/br/select multiple=' multiple ' style=' min-width :200 px；最小高度：80 pxid=' car _ type '/selectselect multiple=' multiple ' style=' min-width :200 px；最小高度：80 pxid='car_type_list '选项值='2014森林人系列'2014森林人系列/option选项值='2014傲虎系列'2014傲虎系列/option选项值='2014力狮系列'2014力狮系列/option选项值='2014XV系列2014XV系列/option选项值=' WRX STI ' WRX STI/选项选项值='斯巴鲁BRZ '斯巴鲁BRZ/选装件选项值=' TRIBECA ' TRIBECA/选项/选择/正文/html其中"输入类型='隐藏'名称='car_type '值=' id=' car _ type _ val '/"这个的作用相当于是一个容器，提交表单的时候可以传值。到接收值的页面，用相应的语言，比如php，就用激增函数，以"@"为分界分割成一个数组。