web-dev-qa-db-de.com

Wie lösche ich die Dropdownlistenwerte für das Schaltflächenereignis mit jQuery?

Wie lösche ich die Dropdownlistenwerte für das Schaltflächenereignis mit jQuery?

33
kumar

Eine kürzere Alternative zu der ersten Lösung von Russ Cam wäre:

$('#mySelect').val('');

Dies setzt voraus, dass Sie die Liste beibehalten möchten, jedoch so einstellen, dass keine Option ausgewählt ist.

Wenn Sie einen bestimmten Standardwert auswählen möchten, übergeben Sie diesen Wert anstelle einer leeren Zeichenfolge.

$('#mySelect').val('someDefaultValue');

oder um es über den Index der Option zu tun, können Sie Folgendes tun:

$('#mySelect option:eq(0)').attr('selected','selected'); // Select first option
31
user113716
$('#dropdownid').empty();

Dadurch werden alle <option>-Elemente unter dem Dropdown-Element entfernt.

Wenn Sie ausgewählte Elemente abwählen möchten, geben Sie den Code von Russ ein.

53
jAndy

Wenn Sie die ausgewählten Optionen zurücksetzen möchten

$('select option:selected').removeAttr('selected');

Wenn Sie tatsächlich entfernen möchten die Optionen (obwohl ich glaube, Sie meinen das nicht).

$('select').empty();

Ersetzen Sie select für den am besten geeigneten Selektor in Ihrem Fall (dies kann durch die ID oder die CSS-Klasse erfolgen). Mit as is werden alle <select>-Elemente auf der Seite zurückgesetzt

17
Russ Cam

Wenn Sie die Bootstrap-Seite mit der Schaltfläche zurücksetzen möchten, klicken Sie mit jQuery auf Folgendes:

function resetForm(){
        var validator = $( "#form_ID" ).validate();
        validator.resetForm();
}

Mit dem obigen Code haben Sie auch die Feldfarbe von Rot in Normal geändert.

Wenn Sie nur den Feldwert zurücksetzen möchten, gilt Folgendes:

$("#form_ID")[0].reset();
0
Prabhjyot Saini