wake-up-neo.com

Aufheben der Auswahl aller Elemente aus einer Mehrfachauswahl in jQuery

Ich habe ein Multi-Select-Dropdown-Menü wie folgt: Ich habe die Optionen "Test 2" und "Test 3" ausgewählt.

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

Ich habe eine Schaltfläche namens "Alle abwählen". Wenn auf diese Schaltfläche geklickt wird, sollten alle ausgewählten Elemente abgewählt werden . In diesem Fall sollten die zuvor ausgewählten Elemente "Test 2" und "Test 3" jetzt deaktiviert werden.

Wie kann ich dies mit jQuery erreichen?

26
Fero
$("#edit-rec option:selected").removeAttr("selected");
45
Chuck Norris

Versuchen - 

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

Demo - http://jsfiddle.net/LhSBu/

13
ipr101

Wenn Sie auf das Optionsfeld klicken, können Sie dies verwenden

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

    this.selected=false;

});
6
M S

Alle markierten Optionen werden aus der Dropdown-Liste "Mehrfachauswahl" entfernt:

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

6
SPnL
$("#edit-rec option:selected").removeAttr("selected");
4
Haim Evgi
$("#butt").click(function () {
    $("#edit-rec > option").removeProp("selected");
});

das ist bei der neuen jQuery-Version richtig

3
sunpietro

Die einfachste Möglichkeit, die Auswahl aller Optionen in einer Dropdown-Liste mit mehreren Auswahlen aufzuheben, war .val([]).

$("#select").val([]);
3
Maykonn

Kann so etwas tun JS Fiddle um den Klick auf das Optionsfeld einzurichten http://jsfiddle.net/x5ck3/

$('#rdClear').click(

function() {
    $("#edit-rec option:selected").removeAttr("selected");
});
3
Chris

Es gibt jetzt eine andere Möglichkeit, die direkt von der API bereitgestellt wird:

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

Funktioniert gut, hier finden Sie weitere Optionen dazu: http://loudev.com/

0