Slik skjuler nedtrekkslisten i Javascript

Det er mange grunner til at du kanskje ønsker å skjule en rullegardinliste i en webside uten å måtte oppdatere hele siden. Du kan spørre brukeren om å velge fra en liste over elementer som inkluderer en "andre" og ønsker å skjule rullegardinlisten i favør av en tekstboks. Din nedtrekkslisten kan være en av en serie som er avhengig av et tidligere valg at brukeren gjør. Uansett tilfelle, skjuler en rullegardinliste er en enkel oppgave som krever bare noen få linjer med Javascript-kode.

Bruksanvisning

1 Åpne websiden med rullegardinlisten du ønsker å skjule i en teksteditor.

2 Bla ned til <velg> tag i nedtrekkslisten du ønsker å skjule. Sørg for at den har en "id" verdi, som i eksempelet nedenfor:

<Velg id = "mydropdown">

3 Sett inn følgende kode under <Velg> tag:

<Input type = "button" value = "Skjul List" onclick = "document.getElementById (mydropdown) .style.display = 'none';">

Substitute id verdien av <select> -taggen for forekomsten av "mydropdown" ovenfor.

4 Lagre og publiser din webside. Din nedtrekkslisten vil nå forsvinner når du klikker på "Hide List" -knappen.