Hvordan legge til elementer i en listeboks ved hjelp av Javascript

Javascript er klientsiden kode, slik at du bruker språket til å endre dynamisk HTML kontrollene etter siden lastes på nettleseren. Du kan dynamisk fjerne og legge til rullegardinlisteelementer, slik at du kan fjerne eller legge til alternativer i brukerens valgresultater. Du bruker "options.add" funksjon for å legge til en liste alternativ til en HTML-listeboksen.

Bruksanvisning

1 Høyreklikk på HTML-filen du vil redigere, og velg "Åpne med." Dobbeltklikk en redaktør i listen over programmer for å åpne koden.

2 Lag Javascript-funksjonen. Følgende kode oppretter en Javascript-funksjon som legger til et element i en listeboks:

funksjon addlistitem (kontroll, verdi)

{

Var option = document.createElement ( "Option");

option.text = verdi;

selectbox.options.add (opsjon);

}

3 Tilsett "addlistitem" til listeboksen tagkoden. Følgende kode bruker funksjonen opprettet i trinn to for å legge til et element:

onclick = "addlistitem (dette," ny verdi ")"

Koden legger over et element når brukeren klikker på listeboksen. Elementet lagt er "ny verdi."