两个多选select(multiple左右)添加、删除选项和取值实例_jquery

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

不多说了，上代码：

复制代码 代码如下:

<script><BR>$(function(){<BR> $("#car_type_list").dblclick(function(){<BR> var s_val = this.value;<BR> if(s_val == '') return;<BR> $(this).children("option[value='"+s_val+"']").remove();<BR> $("#car_type").append('<option value="'+s_val+'">'+s_val+'');<BR> //以下代码作用是 将选择到的值备份到一个id为car_type_val的input中，可以进行传值<BR> $("#car_type_val").val($("#car_type_val").val()+s_val+"@");<BR> alert($("#car_type_val").val())<BR> });<br><br> $("#car_type").dblclick(function(){<BR> var s_val = this.value;<BR> if(s_val == '') return;<BR> $(this).children("option[value='"+s_val+"']").remove();<BR> $("#car_type_list").append('<option value="'+s_val+'">'+s_val+'');<br><br> var now_val = $("#car_type_val").val();<BR> now_val = now_val.replace(s_val+"@","");<BR> $("#car_type_val").val(now_val);<BR> alert($("#car_type_val").val())<BR> });<br><br>}) <BR></script>

  2014森林人系列
  2014傲虎系列
  2014力狮系列
  2014XV系列
  WRX STI
  SUBARU BRZ
  TRIBECA

其中“”这个的作用相当于是一个容器，提交表单的时候可以传值。到接收值的页面，用相应的语言，比如php，就用explode函数，以“@”为分界分割成一个数组。