通過jquery操作select multiple多選判斷進行左移右移,進行多選的操作,在網(wǎng)站制作中經(jīng)常遇到這樣的情況。
在前面的文章中已經(jīng)做過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){
//上面一句是判斷是否選中并且不是已經(jīng)選擇option
$("#yixuan").append("<option value='"+tobj.val()+"'>"+tobj.text()+"</option>");
}
}
}//
function del(){
var $yixuan = $("#yixuan option");//進行刪除,當(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();
}
}
代碼很簡單,這就是jquery操作option
更多信息請查看IT技術(shù)專欄