jquery操作select multiple option
2014-08-13来源:易贤网

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

更多信息请查看IT技术专栏

推荐信息