兩個多選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> .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='" 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> ($("#car_type_val").val()) });<P><BR>}) <BR></script>








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

  TRIBECA
其中「」這個的作用相當於是一個容器，提交表單的時候可以傳值。到接收值的頁面，用對應的語言，例如php，就用explode函數，以「@」為分界分割成一個陣列。