Brug selektorer og jQuery tomme funktion , er det nemt at skrive den kode, du har brug for at rydde en drop- down menu. JQuery er et open source JavaScript bibliotek først udgivet i 2006, med regelmæssige opdateringer , da at tilføje ny funktionalitet . JQuery gør det nemt at oprette komplekse interaktioner på en webside med en minimal mængde kode , ved hjælp af selektorer for at løse ethvert element på siden. Bag kulisserne , vender jQuery den korte simple kode i den mere komplekse kode nødvendig for at udføre den ønskede opgave. Instruktioner
1

Åbn en webbrowser og gå til jQuery website ( jquery.com ) . Vælg den nyeste produktion version ved hjælp af afkrydsningsfelterne øverst til højre i jQuery hjemmeside. Klik på "Download jQuery " knappen og gem filen i en mappe i den lokale kopi af din hjemmeside. Upload jQuery filen til din webserver ved hjælp af et FTP-program .
2

Åbn en teksteditor eller web-design og oprette en ny HTML-side. Tilføj følgende linje mellem HTML " " og " " tags øverst på siden til at omfatte jQuery biblioteket.

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

ændre stien i scriptet src attribut til at matche den mappe navnet på din server , og den version af jQuery du har downloadet. < br >
3

Føj følgende kode mellem HTML " " og " " tags.

< formular id = " minform " navn = " minform " method = "post " action = "" >

< option value = " 1" > 1

2 < /option >

< /select >

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

< /form>

Dette tilføjer en HTML-formular til siden indeholder en drop- down menu med to eksempler muligheder. Formularen indeholder også en knap , som brugeren kan klikke på for at rydde rullemenuen
4

Føj følgende kode inde HTML input -tag for den knap , efter at værdien attribut: .

onclick = " $ ( '# myDropdown ") tømmes (); . "

JavaScript kører , når den besøgende klikker på knappen, ved hjælp af knapperne onclick begivenhed. Den første del af koden før den periode referencer drop- down menu med id myDropdown , ved hjælp af jQuery selector system. JQuery tom Funktionen fjerner alle underordnede noder fra det valgte element . Dette fjerner alle de muligheder indlejret inde i select tag for drop- down med id myDropdown , øjeblikkeligt rydde drop- down menu.
5.

Gem siden som eksempel.htm og gemme til roden bibliotek af hjemmesiden. Upload side til din webserver ved hjælp af et FTP program og derefter åbne siden i din browser. I første omgang, drop- down menu indeholder to eksempel muligheder. Klik på " Clear" for at rydde drop- down menu.