La désélection de tous les éléments d'un multi-sélectionnez le menu déroulant en jQuery

J'ai un multi-sélectionnez déplacer vers le bas de la forme suivante, où j'ai sélectionné les options "Test 2" et "Test 3".

<select id="edit-rec" class="form-select" multiple="multiple" name="rec[]">
<option value="6012">Test 1</option>
<option value="8436">Test 2</option>
<option value="4689">Test 3</option>
<option value="6784">Test 4</option>
</select>

J'ai un bouton appelé "Désélectionner Tout". Lorsque ce bouton est cliqué, tous les éléments sélectionnés doivent être désactivée. Dans ce cas, les articles que j'ai sélectionné précédemment, "Test 2" et "Test 3", devrait maintenant être désactivée.

Comment puis-je le faire à l'aide de jQuery?

InformationsquelleAutor Fero | 2011-11-24
  1. 47
    $("#edit-rec option:selected").removeAttr("selected");
    • Mieux utiliser $("#edit-rec option:selected").prop("selected", false);
    InformationsquelleAutor Chuck Norris
  2. 14

    Essayez - 

    $("#edit-rec > option").attr("selected",false);

    Démo - http://jsfiddle.net/LhSBu/

    • Votre code est très bon. Mais pourriez-vous expliquer la syntaxe $("#edit-rec > option")
    • $("#edit-rec > option") doit sélectionner l'un des option éléments qui sont directement à l'enfant des éléments de la #edit-rec élément. Voir api.jquery.com/child-selector
    • Je voudrais proposer la suppression de la > partie. Il ne fait pas de sens dans ce cas, et serait la cause d'un comportement inattendu à l'aide de <optgroup> en tant que parent de <option>.
    InformationsquelleAutor ipr101
  3. 6

    Sur clic de bouton radio, vous pouvez utiliser cette

    $("#edit-rec  option").each(function(){

    this.selected=false;

});
    InformationsquelleAutor M S
  4. 6

    Il va supprimer tous vérifié les options de multiselect dropdownlist :

    $('#ddlTradeShow').multiselect("clearSelection");

    • S'il vous plaît ajouter un peu d'explication pour votre réponse, pour le rendre plus lisible
    • il a travaillé dans le Bootstrap Multi-sélection .
    InformationsquelleAutor SPnL
  5. 4
    $("#edit-rec option:selected").removeAttr("selected");
    InformationsquelleAutor Haim Evgi
  6. 3

    Pouvez faire quelque chose comme ceci JS Fiddle pour l'établissement de la cliquez sur le bouton radio
    http://jsfiddle.net/x5ck3/

    $('#rdClear').click(

function() {
    $("#edit-rec option:selected").removeAttr("selected");
});
    InformationsquelleAutor Chris
  7. 3
    $("#butt").click(function () {
    $("#edit-rec > option").removeProp("selected");
});

    c'est correct avec la nouvelle version jQuery

    • très mauvaise idée, de api.jquery.com/removeProp Cela permettra d'éliminer la propriété complètement et, une fois retiré, ne peut pas être ajouté à nouveau à l'élément. Utiliser .prop() pour définir ces propriétés à false à la place.
    InformationsquelleAutor sunpietro
  8. 3

    La façon la plus simple que j'ai trouvé pour désélectionner toutes les options dans un multi-sélectionnez le menu déroulant a été à l'aide de .val([]).

    $("#select").val([]);
    • dans mon cas, $("select").val([]); a fonctionné parfaitement, merci!
    • Cela devrait être la bonne réponse, merci @Maykonn!
    InformationsquelleAutor Maykonn
  9. 0

    Il existe maintenant une autre possibilité directement par l'API :

    $('#edit-rec').multiSelect('deselect_all');

    Fonctionne bien, ici, vous pouvez trouver plus d'options à ce sujet : http://loudev.com/

    InformationsquelleAutor Jean-Loup Becquet