JQuery è una libreria JavaScript che consente ai programmatori di scrivere script utilizzando il codice più semplice, più veloce. Questa libreria è particolarmente adatta alla creazione di effetti di animazione e aggiunta l'interazione dell'utente alle pagine Web. È possibile utilizzare jQuery, ad esempio, per rimuovere un elemento selezionato da una casella a discesa. Utilizzare un collegamento o un pulsante per attivare la rimozione di opzione e impostare il valore dell'opzione selezionata a una variabile. Quando si passa a una riga di codice che rimuove un'opzione dal menu a discesa che variabile, jQuery può rimuovere l'opzione selezionata.

Istruzioni

1

Aprire la pagina Web contenente il codice di discesa in blocco note o un editor di codice. Trovare i tag < script > nel codice che fanno riferimento il file della libreria jQuery. Cercare questo codice in entrambi la testa del file o appena sopra la chiusura < / body > tag. Se non trovate il riferimento, aggiungere questo codice:

< id script = "Rimuovi" > opzione Rimuovi < /a >

Se si preferisce, è possibile utilizzare anche un codice del pulsante:

< id pulsante = "Rimuovi" > rimuovere opzione < / button >

4

Torna al tuo tag < script > e selezionare il pulsante o il collegamento in jQuery. Aggiungere l'evento Click () il selettore e avviare una nuova funzione:

< script type = "text/javascript" >

$('#remove').click(function() () {

// Code that removes the option will go here...

});

< / script >

5

Dichiarare una nuova variabile all'interno delle parentesi graffe della funzione e impostarne il valore per l'opzione selezionata nella casella a discesa. L'opzione selezionata può essere visualizzato selezionando l'elemento < select > dal suo nome ID e aggiungendo la funzione Val ():

< script type = "text/javascript" >

$('#remove').click(function() () {

var removeOption = $('#myoptions').val();

});

< / script >

6

Scrivere un selettore in jQuery che l'opzione è destinato per il valore memorizzato nella variabile. Poiché è necessario passare una variabile al selettore, è necessario suddividere il selettore in stringa e parti variabili utilizzando un segno più. Aggiungere la funzione Remove () questo selettore di jQuery per rimuovere l'opzione selezionata di dire:

< script type = "text/javascript" >

$('#remove').click(function() () {

var removeOption = $('#myoptions').val();

$('option[value="'+ removeOption +'"]').remove();

});

< / script >

Si noti il mix di singole e doppie virgolette nella quarta riga del codice. È necessario inserire selettori tra virgolette, ma poiché il valore di "opzione" deve anche citazioni, non è possibile riutilizzare le virgolette singole ci.