网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 jquery操作select multiple option
内容
    通过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
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/13 12:09:42