两个多选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 '</option>');<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 '</option>');<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函数，以“@”为分界分割成一个数组。