Bruke velgere og jQuery tom funksjon , er det enkelt å skrive inn koden du trenger for å klare en drop- down menyen . JQuery er et open source JavaScript -biblioteket først utgitt i 2006 , med regelmessige oppdateringer siden for å legge til ny funksjonalitet . JQuery gjør det enkelt å lage komplekse interaksjoner på en webside med en minimal mengde med kode , ved hjelp av velgere å ta noen element på siden . Bak kulissene , slår jQuery kort enkel kode inn i mer kompleks kode er nødvendig for å utføre den forespurte oppgaven . Instruksjoner
en

Åpne en nettleser og gå til jQuery nettsted ( jquery.com ) . Velg den nyeste produksjonen versjon ved hjelp av avmerkingsboksene øverst til høyre på jQuery hjemmeside . Klikk på "Last ned jQuery " knappen og lagre filen til en katalog i den lokale kopien av nettstedet ditt . Last opp jQuery filen til webserveren ved hjelp av en FTP-program .
2

Åpne en teksteditor eller webdesign programmet og opprette en ny HTML- side . Legg til følgende linje mellom HTML " " og " " tags øverst på siden for å inkludere jQuery biblioteket.

< Script type = "text /javascript " src = " /jquery/jquery-1.6.2.min.js " >

Endre banen i skriptet src attributtet for å matche katalogen navnet på serveren din , og den versjonen av jQuery du lastet ned.

3

Legg til følgende kode mellom HTML " " og " < /body > " tags .

< skjema id = " myForm " name = " myForm " method = "post " action = " " >

< alternativ value = " 1 " > 1 < /option >

2 < /option >

< /select >

< input type = " knappen " name = " clear- dropdown " id = " clear- dropdown " value = " Clear" />

< /form >

Dette legger et HTML-skjema på siden inneholder en rullegardinmeny med to eksempel alternativer . Skjemaet inneholder også en knapp som brukeren kan klikke for å fjerne drop- down menyen
4

Legg til følgende kode i HTML -inngang tag for knappen , etter verdien attributt : .

onclick = " $ ( '# myDropdown ') tom ( ); . "

JavaScript kjøres når besøkende klikker på knappen , ved hjelp av knappene onclick hendelsen. Den første delen av koden før perioden referanser drop -down menyen med id myDropdown , ved hjelp av jQuery velgeren system . JQuery tom funksjonen fjerner alle barn noder fra det valgte elementet . Dette fjerner alle alternativene nestet inne i select tag for drop -down med id myDropdown , umiddelbart fjerne drop- down menyen.
5

Lagre siden som example.htm og lagre til roten katalog på nettsiden. Last siden til webserveren ved hjelp av et FTP-program , og deretter åpne siden i nettleseren din . I utgangspunktet inneholder drop- down menyen de to eksempel alternativer . Klikk på " Clear" knappen for å fjerne drop- down menyen.