jquery操作 multiple option

字號:


    通過jquery操作select multiple多選判斷進行左移右移,進行多選的操作,在網站制作中經常遇到這樣的情況。
    在前面的文章中已經做過javascript操作multiple的文章:http://www.anypoetry.com/html/1560.html
    本次是采用jquery框架進行的option的移動操作,并進行了簡單的判斷。
    查看:jquery操作select multiple
    jquery代碼如下
    代碼如下:
    function add(){
    var $beixuan = $(#beixuan option);
    for(var $i=0;$i<$beixuan.length;++$i){
    var tobj = $beixuan.eq($i);//獲取臨時option
    if(tobj.attr(selected)&&$(#yixuan option[value='+tobj.val()+']).length<=0){
    //上面一句是判斷是否選中并且不是已經選擇option
    $(#yixuan).append(<option value='+tobj.val()+'>+tobj.text()+</option>);
    }
    }
    }//
    function del(){
    var $yixuan = $(#yixuan option);//進行刪除,當該option已經選擇,則自己remove掉。
    for(var $i=0;$i<$yixuan.length;++$i){
    var tobj = $yixuan.eq($i);
    if(tobj.attr(selected))tobj.remove();
    }
    }
    代碼很簡單,這就是jquery操作option