Wie wählt man eine bestimmte Option in einem SELECT-Element in jQuery?

Question

Wenn Sie den Index, den Wert oder den Text kennen. auch wenn Sie keine ID für eine direkte Referenz haben.

Diese , este y este sind alles hilfreiche Antworten.

Beispiel Markierung

<div class="selDiv">
  <select class="opts">
    <option selected value="DEFAULT">Default</option>
    <option value="SEL1">Selection 1</option>
    <option value="SEL2">Selection 2</option>
  </select>
</div>

Answer 1

Verwendung von jquery-2.1.4 Ich habe folgende Antwort gefunden, die bei mir funktioniert:

$('#MySelectionBox').val(123).change();

Wenn Sie einen String-Wert haben, versuchen Sie Folgendes:

$('#MySelectionBox').val("extra thing").change();

Andere Beispiele haben bei mir nicht funktioniert, deshalb füge ich diese Antwort hinzu.

Ich habe die ursprüngliche Antwort gefunden unter: https://forum.jquery.com/topic/how-to-dynamically-select-option-in-dropdown-menu

Answer 2

Genau so wird es funktionieren, versuchen Sie die folgenden Methoden

Für normal wählen Sie die Option

<script>    
    $(document).ready(function() {
    $("#id").val('select value here');
       });
        </script>

Für Option 2 wählen Auslöser müssen Sie die Option

<script>    
        $(document).ready(function() {
        $("#id").val('select value here').trigger('change');
           });
            </script>

Answer 3

   $(elem).find('option[value="' + value + '"]').attr("selected", "selected");

Answer 4

Sie könnten die Auswahl benennen und dies verwenden:

$("select[name='theNameYouChose']").find("option[value='theValueYouWantSelected']").attr("selected",true);

Es sollte die gewünschte Option auswählen.

Answer 5

    $('#select option[data-id-estado="3"]').prop("selected",true).trigger("change");

// or

    $('#select option[value="myValue"]').prop("selected",true).trigger("change");