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

/* This will reset your select box with "-- Please Select --"   */ 
    <script>
    $(document).ready(function() {
        $("#gate option[value='']").prop('selected', true);
    });
    </script>

Answer 2

Für Jquery gewählt, wenn Sie das Attribut an die Funktion senden und die Option "Update-Select" benötigen

$('#yourElement option[value="'+yourValue+'"]').attr('selected', 'selected');
$('#editLocationCity').chosen().change();
$('#editLocationCity').trigger('liszt:updated');

Answer 3

Wenn Sie jQuery nicht verwenden möchten, können Sie den folgenden Code verwenden:

document.getElementById("mySelect").selectedIndex = "2";

Answer 4

Le site $('select').val('the_value'); sieht die richtige Lösung aus, und wenn Sie Datentabellenzeilen haben, dann:

$row.find('#component').val('All');

Answer 5

Vielen Dank für die Frage. Hoffe, dass dieses Stück Code für Sie arbeiten wird.

var val = $("select.opts:visible option:selected ").val();