Hvordan lage Dependent Velg Bokser

Avhengige velger bokser vise informasjon basert på brukerundersøkelser. Du henter data fra søkestrengen og bruke spørrestrengdata for å legge avlsverdi til drop-down boks. Du bruker Javascript for å gjøre valget boxy dynamisk, og skape inngangsverdier avhengig av innspill fra brukerne.

Bruksanvisning

1 Høyreklikk på HTML-filen du vil redigere. Klikk "Åpne med", deretter HTML editor i listen over programmer.

2 Lag valgboksen. Følgende kode viser hvordan du kan lage en tom kombinasjonsboks, som er valgboksen HTML-element:

<Velg id = "mybox"> </ select>

3 Lag Javascript klasse som henter avhengige data fra spørrestrengen. Følgende kode analyserer dataene i spørrestrengen URL:

funksjons GetValues ​​{

søkestreng = window.location.search.substring (1);

info = querystring.split ( "&");

}

4 Opprett Javascript-funksjon som legger data til valgboksen. Følgende Javascript-kode bruker data hentet i trinn tre i valgboksen med data:

Var opt = document.createElement ( "alternativ");

opt.setAttribute ( "verdi", info [0]);

document.getElementById ( "mybox") appendChild (opt.);