Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Programmering >> JavaScript Programmeren >> Content
Hoe te wissen van een Drop -Down in JQuery
Met selectors en de jQuery lege functie , is het eenvoudig om de code die u nodig hebt om een drop- down menu te wissen schrijven. JQuery is een open source JavaScript-bibliotheek voor het eerst uitgebracht in 2006 , met regelmatige updates sinds om nieuwe functionaliteit toe te voegen . JQuery maakt het gemakkelijk om complexe interacties op een webpagina te maken met een minimale hoeveelheid code , met behulp van selectors op elk element op de pagina aan te pakken . Achter de schermen , jQuery draait de korte simpele code in de meer complexe code nodig is voor het uitvoeren van de gevraagde taak. Instructies
1

Open een webbrowser en ga naar de jQuery website ( jquery.com ) . Selecteer de nieuwste productie versie met behulp van de selectievakjes in de rechterbovenhoek van het jQuery homepage . Klik op de knop " Download jQuery " en sla het bestand op in een map binnen de lokale kopie van uw website . Upload het jQuery -bestand naar uw webserver met behulp van een FTP-toepassing . Kopen van 2

Open een teksteditor of web design applicatie en maak een nieuwe HTML-pagina . Voeg de volgende regel tussen de HTML " " en " < /head > 'tags aan de bovenkant van de pagina naar de jQuery library bevatten .

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

Verander het pad in het src attribuut script om de mapnaam overeenkomen op de server , en de versie van jQuery u hebt gedownload . < br >
3

Voeg de volgende code tussen de HTML " " en " < /body > " tags.

id="myDropdown">

< optie value = name="myDropdown" " 1 " > 1 < /option>

< /select

< invoersignaaltype > = " toets " name = " clear - dropdown " id = " clear - dropdown " value = " Clear " />

< /form > Telefoonkaarten

Dit voegt een HTML-formulier op de pagina met een drop-down menu met twee opties voorbeeld . Het formulier bevat ook een knop die de gebruiker kan klikken om het drop - down menu te wissen
4

Voeg de volgende code in de HTML -tag -ingang voor de toets , nadat het attribuut waarde : .

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

Deze webbrowser wordt uitgevoerd wanneer de bezoeker klikt op de knop , met behulp van de knoppen onclick event . Het eerste deel van de code voordat de termijn verwijst naar de drop-down menu met de id myDropdown , met behulp van de jQuery selector systeem . De jQuery leeg functie verwijdert alle onderliggende knooppunten van het geselecteerde element . Dit verwijdert alle opties genest in de select -tag voor de drop-down met de id myDropdown , direct opruimen van het drop - down menu .
5

de pagina als voorbeeld.htm opslaan en naar de hoofdmap directory van de website . Upload de pagina naar uw webserver met behulp van een FTP-toepassing en open vervolgens de pagina in uw browser . Aanvankelijk , de drop - down menu bevat de twee voorbeeld -opties . Klik op de knop 'Wissen' om het menu drop-down te wissen .

Previous: Next:
  JavaScript Programmeren
·Verschil tussen onbeforeunload…
·Hoe kan ik een externe Java Sc…
·Een ActiveX Javascript Tutoria…
·Hoe maak je een wachtwoord voo…
·Hoe om te bepalen of een site …
·Hoe schrijf je een Div Van Jav…
·Light Box Tutorial 
·Gemeenschappelijke tekenstijle…
·Hoe maak je een JavaScript Wra…
  Related Articles
Hoe maak je een Combo Box Maak in Visual…
Hoe maak je een Check Box Maak in Visual…
Hoe maak je een tekstvak maken in Visual…
Hoe maak je een optie Box in Visual Basi…
Hoe maak je een schijf keuzelijst in Vis…
Hoe kan ik een keuzelijst maken in Visua…
Hoe kan ik een Picture Box Maak in Visua…
Hoe een bestand keuzelijst Maak in Visua…
Hoe kan ik een afbeelding Box Maak in Vi…
  Programmering Articles
·Hoe te installeren Java SE 6 in Windows 
·Hoe maak je een lek in MATLAB simuleren 
·Hoe te gebruiken JavaScript Developer 
·Hoe te Waarden in XML Met JavaScript Ver…
·Risico's met JavaScript 
·Hoe om te leren MySQL Online 
·Hoe kan ik meerdere oproepen binnen Visu…
·Hoe kan ik PHP 5.1 upgrade naar PHP 5.2 …
·Hoe te Typecast gebruiken in Java 
Copyright © Computer Kennis http://www.nldit.com