Javascript: Select 2 is afhankelijk van select 1??

[Aziona]

Ik ben op zoek naar een eenvoudig script waarbij de form|options van select 2 afhankelijk is van de keuze van select 1.
Op het net zijn voldoende voorbeelden te vinden maar ik zoek een script zo eenvoudig mogelijk. Wie helpt mij op weg naar een prg die dit maakt of een tutorial?

[akakiwi]

Misschien een beetje aan de late kant, maar, hier is een oplossing voor je probleem.

code:

var aPulldownBoxes  = new Array('Team', 'Category', 'DocTemplate');

aCategory[0] = new Array(105, 'Project', 'A');
aCategory[1] = new Array(106, 'Tools & Templates', 'A');
aCategory[2] = new Array(105, 'Project', 'AA');
aCategory[3] = new Array(107, 'Supporting material', 'AA');
aCategory[4] = new Array(106, 'Tools & Templates', 'AA');
aCategory[5] = new Array(107, 'Supporting material', 'ABA');
aDocTemplate[0] = new Array(16, 'Emeritor contract', 105)
aDocTemplate[1] = new Array(18, 'Emeritor blue print', 106)

function changeBoxes(fromBox)
{
    var i = 1;
    var sBox = aPulldownBoxes[0];
        while(fromBox != sBox && i < 10)
    {
        sBox    = aPulldownBoxes[i];
        i       = i + 1;
    }
    for(i; i < aPulldownBoxes.length; i++)
    {
        optionsChange(aPulldownBoxes[i - 1], PulldownBoxes[i]);
    }
}

function optionsChange(boxFrom, boxTo)
{
    var iIndex;
    var sPropertyType, sProperty;
    
    sPropertyType   = eval("document.all." + boxFrom);
    sProperty       = eval("document.all." + boxTo);
    
    while (sProperty.length > 0)
    {
        sProperty.options[0]=null;
    }
    var iFromId = sPropertyType.options[sPropertyType.selectedIndex].value;
    var iAddedIndex = 0;
    for (iIndex = 0; iIndex < eval('a' + boxTo + '.length'); iIndex++)
    {
        if (eval("a" + boxTo + "[iIndex] [2] == iFromId"))
        {
            sProperty.options[iAddedIndex] = new Option(eval("a" + boxTo + "[iIndex] [1]"), eval("a" + boxTo + "[iIndex] [0]"));
            if (eval("a" + boxTo + "[iIndex] [0] == iFromId"))
            {
                sProperty.selectedIndex = iAddedIndex;
            }
            iAddedIndex++;
        }
    }
}

Ik denk dat dit best wel duidelijk is.

[wasigh]

javascript hoort niet in P&W
+ dit is een heel oud topic