Come cancellare una discesa in JQuery

Attraverso i selettori e la funzione vuota jQuery , è semplice per scrivere il codice necessario per cancellare un menu a discesa . JQuery è una libreria JavaScript open source rilasciato nel 2006 , con aggiornamenti regolari dal momento che per aggiungere nuove funzionalità . JQuery rende facile creare interazioni complesse su una pagina Web con una quantità minima di codice , utilizzando i selettori di affrontare qualsiasi elemento della pagina . Dietro le quinte , jQuery trasforma il semplice codice breve nel codice più complesso necessario per svolgere il compito richiesto. Istruzioni
1

Aprire un browser Web e accedere al sito jQuery ( jquery.com ) . Selezionare l'ultima versione di produzione utilizzando le caselle di controllo in alto a destra della home page di jQuery . Fare clic sul pulsante "Download jQuery " e salvare il file in una directory all'interno della copia locale del vostro sito web . Caricare il file di jQuery per il server Web utilizzando un programma FTP .
2

Aprire un editor di testo o un'applicazione web design e di creare una nuova pagina HTML . Aggiungere la seguente riga tra il codice HTML " " e " " tag nella parte superiore della pagina per includere la libreria jQuery .

< Tipo script = "text /javascript" src = " /jquery/jquery-1.6.2.min.js " >

Modificare il percorso nell'attributo src script per abbinare il nome della directory sul server , e la versione di jQuery che hai scaricato.

3

Aggiungere il seguente codice tra il codice HTML " " e " < /body >" tag .

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

< /select>

< input type = nome " pulsante " id = " clear - discesa " = valore " chiaro - discesa " = "Cancella " />

< /form >

Questo aggiunge un modulo HTML alla pagina contenente un menu a tendina con due opzioni di esempio. Il modulo contiene anche un pulsante che l'utente può fare clic per deselezionare il menu a discesa
4

Aggiungere il seguente codice all'interno del tag input HTML per il pulsante , dopo l'attributo value : .

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

JavaScript viene eseguito quando il visitatore fa clic sul pulsante , utilizzando l'evento onclick pulsanti . La prima parte del codice prima che i riferimenti periodo il menu a discesa con l'id myDropdown , utilizzando il sistema di selettore jQuery . La funzione di vuoto jQuery rimuove tutti i nodi figlio da l'elemento selezionato . Questo rimuove tutte le opzioni nidificate all'interno della select tag per la discesa con l'id myDropdown , istantaneamente Cancellazione del menu a discesa.
5

Salvare la pagina come example.htm e salvare alla radice directory del sito. Caricare la pagina al server Web utilizzando un'applicazione FTP , e quindi aprire la pagina nel browser . Inizialmente , il menu a discesa contiene le due opzioni di esempio. Fare clic sul pulsante "Cancella" per cancellare il menu a discesa .

Informazioni correlate

Articoli consigliati

C /C + + Programming

Computer Programming Languages

Delphi Programming

Java Programming

Programmazione Javascript

PHP /MySQL Programmazione

Perl Programming

Python Programming

rubino Programmazione

Nozioni di base di Visual Programming