2009-12-30 9 views
53

Ho un elenco a discesa e vorrei rimuovere un'opzione da esso, dato il testo/valore di quella particolare opzione. È possibile utilizzare jQuery? Proprio come "aggiungi" che aggiunge un'opzione all'elenco a discesa, esiste una funzione per rimuovere un'opzione?jQuery per rimuovere un'opzione dall'elenco a discesa, testo/valore dell'opzione data

Ho provato a cercarlo ma tutto ciò che ho ottenuto sono esempi in cui viene rimosso l'intero set di opzioni nell'elenco a discesa, che non è quello che cerco.

applausi

risposta

128

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

o meglio (se si dispone di pochi seleziona nella pagina):

$("#select_id option[value='foo']").remove();

+0

Ha funzionato. Grazie. –

+0

e se foo fosse una variabile? come sarebbe allora la sintassi? – JeffJeffery

+2

@JeffJaffery: '$ (" opzione [valore = '"+ pippo +"'] "). Remove();' –

18

Una volta localizzato l'elemento discesa

dropdownElement = $("#dropdownElement"); 

Trova lo <option> elemento utilizzando il JQuery attribute selector

dropdownElement.find('option[value=foo]').remove(); 
+2

Perfetto, grazie! (Ovunque andassi, ho trovato informazioni su come selezionare un'opzione individuale con un selettore. Stavo cercando come rimuovere un'opzione, dato che hai già selezionato il menu a discesa, che sembrava il caso d'uso più tipico.) – neminem

+0

questo è il risposta efficiente rispetto alla precedente: D –

+0

Questo è il modo in cui mi piace fare le cose, la prima volta vedo che qualcun altro ha la disciplina per essere esplicito e pulito come questo. Ci sono altre risorse su questo modo di usare JQuery? – Arjang

0

So che è molto tardi, ma seguente approccio può essere utilizzato anche:

<select id="type" name="type" > 
    <option value="Permanent" id="permanent">I am here to stay.</option> 
    <option value="toremove" id="toremove">Remove me!</option> 
    <option value="Other" id="other">Other</option> 
</select> 

e se devo togliere seconda opzione (id = toremove), lo script apparirebbe

$('#toremove').hide(); 
Problemi correlati