国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

兩個select之間option的互相添加操作(jquery實現)

2019-11-21 00:59:35
字體:
來源:轉載
供稿:網友
自己寫了一個很簡單的jquery插件,在頁面中調用其中的函數就可實現.
插件源代碼(listtolist.js):
復制代碼 代碼如下:

/**
fromid:源list的id.
toid:目標list的id.
moveOrAppend參數("move"或者是"append"):
move -- 源list中選中的option會刪除.源list中選中的option移動到目標list中,若目標list中已存在則該option不添加.
append -- 源list中選中的option不會刪除.源list中選中的option添加到目標list的后面,若目標list中已存在則該option不添加.

isAll參數(true或者false):是否全部移動或添加
*/
jQuery.listTolist = function(fromid,toid,moveOrAppend,isAll) {
    if(moveOrAppend.toLowerCase() == "move") {    //移動
        if(isAll == true) {    //全部移動
            $("#"+fromid+" option").each(function() {
                //將源list中的option添加到目標list,當目標list中已有該option時不做任何操作.
                $(this).appendTo($("#"+toid+":not(:has(option[value="+$(this).val()+"]))"));
            });
            $("#"+fromid).empty();    //清空源list
        }
        else if(isAll == false) {
            $("#"+fromid+" option:selected").each(function() {
                //將源list中的option添加到目標list,當目標list中已有該option時不做任何操作.
                $(this).appendTo($("#"+toid+":not(:has(option[value="+$(this).val()+"]))"));
                //目標list中已經存在的option并沒有移動,仍舊在源list中,將其清空.
                if($("#"+fromid+" option[value="+$(this).val()+"]").length > 0) {
                    $("#"+fromid).get(0)
                    .removeChild($("#"+fromid+" option[value="+$(this).val()+"]").get(0));
                }
            });
        }
    }
    else if(moveOrAppend.toLowerCase() == "append") {
        if(isAll == true) {
            $("#"+fromid+" option").each(function() {
                $("<option></option>")
                .val($(this).val())
                .text($(this).text())
                .appendTo($("#"+toid+":not(:has(option[value="+$(this).val()+"]))"));
            });
        }
        else if(isAll == false) {
            $("#"+fromid+" option:selected").each(function() {
                $("<option></option>")
                .val($(this).val())
                .text($(this).text())
                .appendTo($("#"+toid+":not(:has(option[value="+$(this).val()+"]))"));
            });
        }
    }
};
/**
功能大體同上("move").
不同之處在于當源list中的選中option在目標list中存在時,源list中的option不會刪除.

isAll參數(true或者false):是否全部移動或添加
*/
jQuery.list2list = function(fromid,toid,isAll) {
    if(isAll == true) {
        $("#"+fromid+" option").each(function() {
            $(this).appendTo($("#"+toid+":not(:has(option[value="+$(this).val()+"]))"));
        });
    }
    else if(isAll == false) {
        $("#"+fromid+" option:selected").each(function() {
            $(this).appendTo($("#"+toid+":not(:has(option[value="+$(this).val()+"]))"));
        });
    }
};

打包下載
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 民县| 兰州市| 无极县| 如皋市| 东乌| 沂源县| 鄢陵县| 镇原县| 高碑店市| 甘南县| 集贤县| 康乐县| 阳谷县| 华阴市| 忻城县| 垦利县| 桐柏县| 武穴市| 师宗县| 哈巴河县| 南涧| 明光市| 辛集市| 阜平县| 专栏| 田东县| 博罗县| 五家渠市| 双江| 青岛市| 双城市| 铅山县| 武安市| 美姑县| 郎溪县| 新乐市| 长武县| 洛隆县| 新河县| 庆元县| 建德市|