jQuery pour supprimer une option dans la liste déroulante, compte tenu de l'option de texte/valeur

J'ai une liste déroulante et que vous souhaitez supprimer une option, étant donné le texte et la valeur de l'option choisie. Est-il possible à l'aide de jQuery? Tout comme 'append' qui ajoute une option de la liste déroulante, est-il une fonction pour supprimer une option?

J'ai essayé de chercher pour elle, mais tout ce que j'ai sont des exemples où l'ensemble des options dans la liste déroulante sont supprimés, ce qui n'est pas ce que je cherche.

acclamations

InformationsquelleAutor Arnkrishn | 2009-12-30
  1. 148

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

    ou mieux (si vous avez quelques sélectionne dans la page):

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

    • que faire si foo est une variable ? quelle serait la syntaxe alors ?
    • foo + "']").remove();
    • Merci @Y. Shoham. C'est de cette façon que je l'ai utilisé $(#select_id).find('option[value=' + foo + ']').remove();
    • il n'est pas clair à partir de votre note, si cela a fonctionné pour vous ou pas. Mais, vous devez mettre des apostrophes autour de #select_id, comme ceci: jsfiddle.net/8txh9t52
    InformationsquelleAutor Y. Shoham
  2. 20

    Une fois que vous avez localisé la liste déroulante élément

    dropdownElement = $("#dropdownElement");

    Trouver le <option> élément à l'aide de JQuery sélecteur d'attribut 

    dropdownElement.find('option[value=foo]').remove();
    • Parfait, merci! (Partout où je suis allé, j'ai trouvé des informations sur la façon de choisir une option individuelle avec un sélecteur. Je cherchais comment faire pour supprimer une option, étant donné que vous avez déjà eu la liste déroulante sélectionnée, ce qui semblait être le plus typique de cas d'utilisation.)
    • c'est la réponse efficace que la précédente 😀
    • C'est de cette façon que j'aime bien faire les choses, la première fois que je vois quelqu'un d'autre a la discipline pour être explicite et propre de ce genre. Existe-il d'autres ressources sur cette façon d'utiliser JQuery?
    InformationsquelleAutor Elvis Ciotti
  3. 2
    $('#id option').remove();

    Ce sera effacer de la liste Déroulante. si vous souhaitez effacer sélectionner une valeur, puis $("#id option:selected").remove();

    InformationsquelleAutor Raj Kumar
  4. 0

    Je sais il est un peu tard mais à la suite d'approche 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 devrait ressembler à

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

    D'abord trouver le nom de la classe pour sélectionnez particulier. 

    $('#id').val('');
$('#selectoptionclassname').selectpicker('refresh');
    InformationsquelleAutor Vicky