Hur att rensa en drop-down i JQuery

Använda väljare och jQuery tomma funktion , är det enkelt att skriva koden du behöver för att rensa en rullgardinsmeny . JQuery är ett open source JavaScript -bibliotek först släpptes 2006 , med regelbundna uppdateringar sedan att lägga till ny funktionalitet . JQuery gör det enkelt att skapa komplexa interaktioner på en webbsida med en minimal mängd kod , använder väljare att hantera alla element på sidan . Bakom kulisserna , vänder jQuery den korta enkel kod till den mer komplex kod behövs för att utföra den begärda uppgiften. Instruktioner
1

Öppna en webbläsare och gå till jQuery webbplats ( jquery.com ) . Välj den senaste produktionen version med kryssrutorna längst upp till höger på jQuery hemsida . Klicka på " Download jQuery " -knappen och spara filen i en katalog i det lokala kopia av din webbplats . Ladda jQuery -filen till din webbserver med ett FTP- program .
2

Öppna en textredigerare eller webbdesign program och skapa en ny HTML- sida . Lägg till följande rad mellan HTML " " och " " taggar överst på sidan för att inkludera jQuery biblioteket .

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

Ändra sökvägen i skriptet src -attributet för att matcha katalogen namnet på din server , och den version av jQuery du hämtat .

3

Lägg till följande kod mellan HTML " " och " < /body > " taggar .

< formen id = " myForm " namn = " myForm " method = "post " action = " " >

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

2 < /option >

< /select >

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

Detta tillför ett HTML-formulär på sidan innehåller en rullgardinsmeny med två exempel alternativ . Formuläret innehåller även en knapp som användaren kan klicka på för att rensa listrutan
4

Lägg till följande kod i HTML- input -taggen för knappen , efter det värde attributet : .

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

JavaScript körs när besökaren klickar på knappen , med hjälp av knapparna onclick händelsen . Den första delen av koden innan utgång kommer hänvisningar i rullgardinsmenyn med id myDropdown , med hjälp av jQuery väljaren systemet . Den jQuery tomma funktionen tar bort alla underordnade noder från det valda elementet . Detta tar bort alla alternativ kapslad i select -taggen för drop -down med id myDropdown , omedelbart rensa listrutan .
5

Spara sidan som example.htm och spara till roten katalog av webbplatsen . Ladda upp sidan till webbservern med ett FTP-program , och sedan öppna sidan i din webbläsare . Inledningsvis innehåller rullgardinsmenyn de två exempel alternativen . Klicka på knappen "Rensa" för att rensa listrutan .