web-dev-qa-db-fra.com

jQuery pour supprimer une option de la liste déroulante, en fonction du texte / de la valeur de l'option

J'ai une liste déroulante et voudrais supprimer une option, étant donné le texte/la valeur de cette option particulière. Est-il possible d'utiliser jQuery? Tout comme 'append' qui ajoute une option à la liste déroulante, existe-t-il une fonction permettant de supprimer une option?

J'ai essayé de le rechercher, mais tous les exemples que j'ai obtenus sont ceux dans lesquels l'ensemble des options de la liste déroulante est supprimé, ce qui n'est pas ce que je cherche.

à votre santé

jquerydrop-down-menu
62
Arnkrishn

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

ou mieux (si vous avez peu de choix dans la page):

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

144
Y. Shoham

Une fois que vous avez localisé l'élément déroulant

dropdownElement = $("#dropdownElement");

Trouvez le <option> élément utilisant JQuery sélecteur d’attributs

dropdownElement.find('option[value=foo]').remove();
20
Elvis Ciotti
$('#id option').remove();

Cela effacera la liste déroulante. si vous voulez effacer pour sélectionner une valeur, alors $("#id option:selected").remove();

2
Raj Kumar

Je sais que c'est très tard, mais l'approche suivante peut également être utilisée:

<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>

et si je dois supprimer la deuxième option (id = toremove), le script ressemblerait à

$('#toremove').hide();
0
Mahmood