jquery操作select multiple option

字號(hào):


    通過(guò)jquery操作select multiple多選判斷進(jìn)行左移右移,進(jìn)行多選的操作,在網(wǎng)站制作中經(jīng)常遇到這樣的情況。
    jquery代碼如下:
    function add(){
     var $beixuan = $("#beixuan option");
     for(var $i=0;$i<$beixuan.length;++$i){
       var tobj = $beixuan.eq($i);//獲取臨時(shí)option
       if(tobj.attr("selected")&&$("#yixuan option[value='"+tobj.val()+"']").length<=0){
          //上面一句是判斷是否選中并且不是已經(jīng)選擇option
        $("#yixuan").append("<option value='"+tobj.val()+"'>"+tobj.text()+"</option>");
       }
     } 
    }//
    function del(){
     var $yixuan = $("#yixuan option");//進(jìn)行刪除,當(dāng)該option已經(jīng)選擇,則自己remove掉。
     for(var $i=0;$i<$yixuan.length;++$i){
       var tobj = $yixuan.eq($i);
       if(tobj.attr("selected"))tobj.remove();
     }
    }
    代碼很簡(jiǎn)單,這就是jquery操作option