js 二级联动菜单

/**//*
*Write by:惠万鹏
*Time    :2008-09-01
*vision  :1.0
*/
//-------------------------------------------------------------------------
//a function of inint a select
var GangSelect  = {
    /**//**
     *Description : this function initiates select of object
     */
    __initiateSelect : function(aValueTexts, oSelect, sInitValue, isSort)
    {
        if (isSort)
        {
            aValueTexts.sort();
        }
        /**//**  remove all options of select of object */
        oSelect.length = 0;
        for (var i = 0; i < aValueTexts.length; i = i + 1)
        {
            var sValue = aValueTexts[i].substring(0, 
                aValueTexts[i].indexOf(":"));
            var sText = aValueTexts[i].substring(
                aValueTexts[i].indexOf(":") + 1, aValueTexts[i].length);
            /**//** create element of option */
            var oOption = document.createElement("option");
            oOption.value = sValue;
            /**//** initiates a option*/
            if (sValue == sInitValue)
            {
                oOption.selected = true;
            }
            var oText = document.createTextNode(sText);
            oOption.appendChild(oText);
            oSelect.appendChild(oOption);
        }
    },
    
    /**//**
     *this function of initiates the first select
     */
    __initFirtSelect : function(sFirstValueTexts, 
            sInitiateFirstSelectValue, sFirstSelectId)
    {
        var aFirstValueTexts = sFirstValueTexts.split('|');
        aFirstValueTexts.unshift('-1:请选择');
        var oFirstSelect = obj$(sFirstSelectId);
        /**//** initiates select */
        this.__initiateSelect(aFirstValueTexts, oFirstSelect, 
            sInitiateFirstSelectValue, false);
    },
    
    /**//**
     *this function of init the second select
     */
    __initSecondSelect : function(sSecondValueTexts, 
            sInitiateSecondSelectValue, sFirstSelectId, sSecondSelectId)
    {
        var sFirstSelectedValue = obj$(sFirstSelectId).value;
        var aTemp = new Array();
        
        var aSecondValueTexts = sSecondValueTexts.split('|');
        for (var k = 0; k < aSecondValueTexts.length; k = k + 1)
        {
            if (aSecondValueTexts[k].split('_')[0] == sFirstSelectedValue)
            {
                aTemp.push(aSecondValueTexts[k]);
            }
        }
        aTemp.unshift('-1:请选择');
        var oSecondSelect = obj$(sSecondSelectId);
        this.__initiateSelect(aTemp, oSecondSelect, 
            sInitiateSecondSelectValue, false);
    },
    
    //this function of use in big select's onchange event
    Change : function (sSecondValueTexts,sFirstSelectId,sSecondSelectId)
    {
        this.__initSecondSelect(sSecondValueTexts,"NOVALUE", 
            sFirstSelectId, sSecondSelectId);
    },
    //this function of init the big and small select
    Initiate : function(sFirstValueTexts,sSecondValueTexts,sFirstSelectId,
        sSecondSelectId,sInitiateFirstSelectValue, sInitiateSecondSelectValue)
    {
           var initiateFirstValue = 'NOVALUE';
           var initiateSecondValue = 'NOVALUE';
        if(arguments.length == 5)
        {
            initiateFirstValue = sInitiateFirstSelectValue;
        }
        else if(arguments.length == 6)
        {
               initiateFirstValue = sInitiateFirstSelectValue;
            initiateSecondValue = sInitiateSecondSelectValue;
           }
           this.__initFirtSelect(sFirstValueTexts,
            sInitiateFirstSelectValue,sFirstSelectId);
           this.__initSecondSelect(sSecondValueTexts,sInitiateSecondSelectValue,
               sFirstSelectId,sSecondSelectId);
    }
};