网站制作学习网JS脚本→正文:jquery操作select multiple option
字体:

jquery操作select multiple option

JS脚本 2012/5/23 17:22:09  点击:不统计

学习www.网for站asp制.cn作

通过jquery操作select multiple多选判断进行左移右移,进行多选的操作,在网站制作中经常遇到这样的情况。
在前面的文章中已经做过javascript操作multiple的文章:http://www.forasp.cn/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


·上一篇:ajax提交大数据文章 >>    ·下一篇:node.js javascript开发 >>
推荐文章
最新文章