wake-up-neo.com

Schnelle Methode zum Löschen aller Optionen auf einer aktivierten Mehrfachauswahl mit jQuery?

Muss ich ALLES durchlaufen und das 'ausgewählte' Attribut entfernen, oder gibt es einen besseren Weg?

29
BigOmega

Suchen Sie einfach alle ausgewählten <option>-Tags in Ihrem <select> und entfernen Sie das selected-Attribut:

$("#my_select option:selected").removeAttr("selected");

Ab jQuery 1.6 sollten Sie .prop verwenden, anstatt das Attribut zu entfernen:

$("#my_select option:selected").prop("selected", false);
56
meagar

Um alle Auswahl zu löschen, verwende ich so und es funktioniert gut für mich ... Hier ist das Skript:

 $("#ddlMultiselect").multiSelect("clearSelection");

 $("#ddlMultiselect").multiSelect( 'refresh' );
26
Sumit

Der kürzeste und schnellste Weg, um die gesamte Auswahl zu entfernen, ist das Übergeben eines leeren Strings in der Funktion jQuery .val ():

$("#my_select").val('')
3
Prateek

Dies ist der beste Weg, um ein Mehrfachauswahl- oder Listenfeld zu löschen:

 $("#drp_assign_list option[value]").remove();
2
Abdul Ershad

In JQuery:

  $("#id option:selected").prop("selected", false);
  $("#id").multiselect('refresh');
2
Anand

jQuery : selected Selector ist wahrscheinlich das, wonach Sie suchen.

1
tDo
$('.selectpicker').selectpicker('deselectAll');

https://developer.snapappointments.com/bootstrap-select/methods/

0
Sandesh Mule

In Multiselect (Jquery Plugin)

$ ("# my_select-Option: ausgewählt"). removeAttr ("selected");

$ ("# my_select"). multiselect ('refresh');

0

Angenommen, Sie verwenden Bootstrap Multiselect Dropdown von David Stutz

$('#selectId').multiselect('deselectAll', false);

Aber aus irgendeinem Grund funktioniert es nicht innerhalb der Initialisierungsmethode

0
Vinu

In Javascript,

Sie können die Liste aller Optionen der Mehrfachauswahl-Dropdown-Liste verwenden, die ein Array sein wird. Dann eine Schleife durchlaufen, um die ausgewählten Attribute in jedem Objekt als "false" zu definieren.

for(var i=0;i<list.length;i++)
{
   if(list[i].Selected==true)
    {
       list[i].Selected=false;
    }
}
0
Suraj Kumar

Sie können ein leeres Array übergeben, um die gesamte Auswahl aufzuheben. Hier ist ein Beispiel. Aus Dokumentation

Mit val() können Sie ein Array von Elementwerten übergeben. Das ist nützlich wenn Sie an einem jQuery-Objekt arbeiten, das Elemente wie, und s in einem .__ enthält. . In diesem Fall haben die Eingaben und Optionen den Wert Übereinstimmungen mit einem der Elemente des Arrays sind checked oder selected Die mit einem Wert, der nicht mit einem der Elemente von .__ übereinstimmt. Das Array wird je nach Typ nicht markiert oder nicht ausgewählt.

$('.clearAll').on('click', function() {
  $('.dropdown').val([]);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select class="dropdown" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<button class='clearAll'>Clear All Selection</button>

0
Arup Rakshit