您现在的位置: 365建站网 > 365学习 > 多选Select排序

多选Select排序

文章来源:365jz.com     点击数:604    更新时间:2009-09-28 09:20   参与评论

 

根据下拉框的选择排序


///
初始化排序框

///GroupMakeUp_UserID,待排序的框的实例

///sel,排序选择框

///

function InitSortCombox(GroupMakeUp_UserID, sel) {

    if (sel != "undefine" && sel != null) {

        var GroupMakeUp_UserIDSort = document.getElementById(sel);

        //首先清空原有的值

        GroupMakeUp_UserIDSort.options.length = 0;

        CreateOption(GroupMakeUp_UserIDSort, "请选择", "0");

        for (j = 0; j < GroupMakeUp_UserID.options.length; j++) {

            //GroupMakeUp_UserIDSort中添加项(排序框)

            var s = GroupMakeUp_UserID.options[j].value.split("|");

            if (Exists(GroupMakeUp_UserIDSort, s[0])) {

                CreateOption(GroupMakeUp_UserIDSort, s[1], s[0]);

            }

        }

    }

}

 

///排序

function Sort_GroupMakeUp_UserID(param, src) {

    var oSel = document.getElementById(src);

 

    // alert(param.value);

    var arr = new Array(); // 这是关键部分

    // select中的所有optionvalue值将保存在Array

    for (var i = 0; i < oSel.options.length; i++) {

        // 如果需要对option中的文本排序,可以改为arr[i] = oSel.options[i].text;

        arr[i] = { key: oSel.options[i].innerText, value: oSel.options[i].value };

    }

    //js Array排序

    arr.sort(function(a, b) { return a.value.indexOf(param.value) == -1 ? 1 : -1; }); // 开始排序

    // 清空Select中全部Option

    oSel.options.length = 0;

 

    // 将排序后的数组重新添加到Select

    for (i = 0; i < arr.length; i++) {

        CreateOption(oSel, arr[i].key, arr[i].value);

    }

}

 

//是否已经存在

function Exists(src, param) {

    for (e = 0; e < src.options.length; e++) {

        if (src.options[e].value == param) {

            return false;

        }

    }

    return true;

}

//创建新的OPTION对象

function CreateOption(src, text, value) {

    var oOption = document.createElement("OPTION");

    src.options.add(oOption);

    oOption.innerText = text;

    oOption.value = value;

}

 


如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (604人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------