Désélectionner tous les éléments d'une liste déroulante multi-select à jQuery
j'ai une liste déroulante Multi-select comme suit, 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 items que j'ai précédemment sélectionnés, "Test 2" et "Test 3", devraient être désélectionnés.
Comment puis-je accomplir ceci en utilisant jQuery?
9 réponses
clic de bouton radio, vous pouvez utiliser ce
$("#edit-rec option").each(function(){
this.selected=false;
});
il supprimera toutes les options vérifiées de la liste déroulante multi-sélect :
$('#ddlTradeShow').multiselect("clearSelection");
$("#butt").click(function () {
$("#edit-rec > option").removeProp("selected");
});
c'est correct avec la nouvelle version jQuery
Peut 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");
});
la façon la plus facile que j'ai trouvée pour désélectionner toutes les options dans un dropdown multi-select était d'utiliser .val([]).
$("#select").val([]);
Il y a maintenant une autre possibilité directement fournie par L'API:
$('#edit-rec').multiSelect('deselect_all');
Fonctionne très bien, ici, vous pouvez trouver plus d'options à ce sujet : http://loudev.com/