通過(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