Hvordan oppdatere Select boks med Javascript

Javascript tillater deg å sette opp en "velg" boksen, som er drop-down skjemaet element brukes til å samle innspill fra brukerne. Du kan oppdatere og legge til en ny verdi for brukerne. Denne typen Javascript-funksjonen brukes vanligvis når du skal legge til verdier til en utvalgt boks basert på tidligere valg fra leseren.

Bruksanvisning

1 Høyreklikk HTML-fil som inneholder velger boksen. Velg "Åpne med", dobbeltklikk deretter ønsket HTML editor i programlisten.

2 Skriv inn følgende kode i kroppen av HTML:

<Script type = "text / javascript> </ script>

Plassere alle Javascript-koden innenfor disse to HTML-koder.

3 Skriv inn følgende kode for å oppdatere listen over alternativer i rullegardin velger boks:

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

optn.text = "My New Value";

optn.value = "Value";

selectbox.options.add (NEW_ITEM);

Erstatt "selectbox" med HTML-ID for drop-down velg boks. Den andre og tredje linjer med kode identifisere verdien og teksten som vises i rullegardinlisten.

4 Lagre koden i redigeringsprogrammet og åpne HTML-siden i en nettleser. Legg merke til de nye vareoppdateringer på valgboksen.