通过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