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

Dies , das und das sind alles hilfreiche Antworten.

Beispiel Markup

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

Ein Selektor, um das mittlere Optionselement nach Wert zu erhalten, ist

$('.selDiv option[value="SEL1"]')

Für einen Index:

$('.selDiv option:eq(1)')

Für einen bekannten Text:

$('.selDiv option:contains("Selection 1")')

BEARBEITEN : Wie oben kommentiert, war das OP möglicherweise nach dem Ändern des ausgewählten Elements der Dropdown-Liste. In Version 1.6 und höher wird die Methode prop () empfohlen:

$('.selDiv option:eq(1)').prop('selected', true)

In älteren Versionen:

$('.selDiv option:eq(1)').attr('selected', 'selected')

EDIT2 : nach Ryans Kommentar. Eine Übereinstimmung mit "Auswahl 10" ist möglicherweise unerwünscht. Ich fand keine Wähler den vollständigen Text entsprechen, sondern ein Filter funktioniert:

 $('.selDiv option')
    .filter(function(i, e) { return $(e).text() == "Selection 1"})

EDIT3 : Seien Sie vorsichtig mit, $(e).text()da es eine neue Zeile enthalten kann, die den Vergleich fehlschlägt. Dies geschieht, wenn die Optionen implizit geschlossen sind (kein </option>Tag):

<select ...>
<option value="1">Selection 1
<option value="2">Selection 2
   :
</select>

Wenn Sie einfach e.textein zusätzliches Leerzeichen wie die nachfolgende neue Zeile verwenden, wird dies entfernt, wodurch der Vergleich robuster wird.

Keine der oben genannten Methoden lieferte die Lösung, die ich brauchte, also dachte ich, ich würde das liefern, was für mich funktionierte.

$('#element option[value="no"]').attr("selected", "selected");

Sie können einfach die val()Methode verwenden:

$('select').val('the_value');

Was für mich mit jQuery 1.7 funktionierte, war der folgende Code. Versuchen Sie Folgendes:

$('#id option[value=theOptionValue]').prop('selected', 'selected').change();

Es gibt eine Reihe von Möglichkeiten, dies zu tun, aber der sauberste Ansatz ist unter den Top-Antworten und vielen Argumenten verloren gegangen val(). Außerdem wurden einige Methoden ab jQuery 1.6 geändert, sodass ein Update erforderlich ist.

Für die folgenden Beispiele gehe ich davon aus, dass die Variable $selectein jQuery-Objekt ist, das auf das gewünschte <select>Tag zeigt, z. B. über Folgendes:

var $select = $('.selDiv .opts');

Hinweis 1 - Verwenden Sie val () für Wertübereinstimmungen:

Für die Wertübereinstimmung ist die Verwendung val()viel einfacher als die Verwendung eines Attributselektors: https://jsfiddle.net/yz7tu49b/6/

$select.val("SEL2");

Die Setter-Version von .val()wird auf selectTags implementiert, indem die selectedEigenschaft eines Matchings optionmit demselben festgelegt valuewird. Sie funktioniert also in allen modernen Browsern einwandfrei.

Hinweis 2 - Requisite verwenden ('ausgewählt', wahr):

Wenn Sie den ausgewählten Status einer Option direkt festlegen möchten, können Sie prop(nicht attr) einen booleanParameter (anstelle des Textwerts selected) verwenden:

zB https://jsfiddle.net/yz7tu49b/

$option.prop('selected', true);  // Will add selected="selected" to the tag

Hinweis 3 - Unbekannte Werte berücksichtigen:

Wenn Sie ein val()auswählen <option>, der Wert jedoch nicht übereinstimmt (dies kann je nach Quelle der Werte auftreten), wird "nichts" ausgewählt und $select.val()zurückgegeben null.

Für das gezeigte Beispiel und aus Gründen der Robustheit könnten Sie also Folgendes verwenden : https://jsfiddle.net/1250Ldqn/ :

var $select = $('.selDiv .opts');
$select.val("SEL2");
if ($select.val() == null) {
  $select.val("DEFAULT");
}

Anmerkung 4 - genaue Textübereinstimmung:

Wenn Sie nach genauem Text übereinstimmen möchten, können Sie eine filterwith-Funktion verwenden. zB https://jsfiddle.net/yz7tu49b/2/ :

var $select = $('.selDiv .opts');
$select.children().filter(function(){
    return this.text == "Selection 2";
}).prop('selected', true);

Wenn Sie jedoch möglicherweise zusätzliche Leerzeichen haben, möchten Sie dem Check möglicherweise einen Zuschnitt wie in hinzufügen

    return $.trim(this.text) == "some value to match";

Anmerkung 5 - Übereinstimmung nach Index

Wenn Sie nach Index übereinstimmen möchten, indizieren Sie einfach die untergeordneten Elemente der Auswahl, z. B. https://jsfiddle.net/yz7tu49b/3/.

var $select = $('.selDiv .opts');
var index = 2;
$select.children()[index].selected = true;

Obwohl ich heutzutage dazu neige, direkte DOM-Eigenschaften zugunsten von jQuery zu vermeiden, um zukunftssicheren Code zu verwenden, könnte dies auch als https://jsfiddle.net/yz7tu49b/5/ erfolgen :

var $select = $('.selDiv .opts');
var index = 2;
$select.children().eq(index).prop('selected', true);

Hinweis 6 - Verwenden Sie change (), um die neue Auswahl auszulösen

In allen oben genannten Fällen wird das Änderungsereignis nicht ausgelöst. Dies ist beabsichtigt, damit Sie nicht mit rekursiven Änderungsereignissen enden.

Fügen Sie zum Generieren des Änderungsereignisses bei Bedarf einfach einen Aufruf zum .change()jQuery- selectObjekt hinzu. Das allererste einfachste Beispiel lautet beispielsweise https://jsfiddle.net/yz7tu49b/7/.

var $select = $('.selDiv .opts');
$select.val("SEL2").change();

Es gibt auch viele andere Möglichkeiten, die Elemente mithilfe von Attributselektoren zu finden, z. B. [value="SEL2"]Sie müssen jedoch berücksichtigen, dass Attributselektoren im Vergleich zu all diesen anderen Optionen relativ langsam sind.

Sie können die Auswahl benennen und Folgendes verwenden:

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

Es sollte die gewünschte Option auswählen.

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

Beantwortung meiner eigenen Frage zur Dokumentation. Ich bin sicher, dass es andere Möglichkeiten gibt, dies zu erreichen, aber dies funktioniert und dieser Code wird getestet.

<html>
<head>
<script language="Javascript" src="javascript/jquery-1.2.6.min.js"></script>
<script type="text/JavaScript">

$(function() {
    $(".update").bind("click",      // bind the click event to a div
        function() {
            var selectOption = $('.selDiv').children('.opts') ;
            var _this = $(this).next().children(".opts") ;

            $(selectOption).find("option[index='0']").attr("selected","selected");
//          $(selectOption).find("option[value='DEFAULT']").attr("selected","selected");
//          $(selectOption).find("option[text='Default']").attr("selected","selected");


//          $(_this).find("option[value='DEFAULT']").attr("selected","selected");
//          $(_this).find("option[text='Default']").attr("selected","selected");
//          $(_this).find("option[index='0']").attr("selected","selected");

    }); // END Bind
}); // End eventlistener

</script>
</head>
<body>
<div class="update" style="height:50px; color:blue; cursor:pointer;">Update</div>
<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>
</body>
</html>

Genau es wird funktionieren versuchen Sie diese unten Methoden

Für normale Auswahloption

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

Für Auswahl 2 Option muss Triggeroption verwendet werden

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

Mit jquery-2.1.4 habe ich die folgende Antwort gefunden, um für mich zu arbeiten:

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

Wenn Sie einen Zeichenfolgenwert haben, versuchen Sie Folgendes:

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

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

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

Zum Einstellen des Auswahlwerts bei ausgewählter Auslösung:

$('select.opts').val('SEL1').change();

Zum Einstellen der Option aus einem Bereich:

$('.selDiv option[value="SEL1"]')
    .attr('selected', 'selected')
    .change();

Dieser Code verwendet den Selektor, um das ausgewählte Objekt mit der Bedingung herauszufinden, und ändert dann das ausgewählte Attribut um attr().

Außerdem empfehle ich, change()nach dem Festlegen des Attributs ein Ereignis hinzuzufügen. Auf selecteddiese Weise wird der Code fast so geändert, dass die Auswahl vom Benutzer geändert wird .

Ich benutze dies, wenn ich den Index der Liste kenne.

$("#yourlist :nth(1)").prop("selected","selected").change();

Dadurch kann sich die Liste ändern und das Änderungsereignis auslösen. Das ": nth (n)" zählt ab Index 0

Ich werde gehen mit: -

$("select#my-select option") .each(function() { this.selected = (this.text == myVal); });

Versuche dies

Sie verwenden einfach die Auswahlfeld-ID anstelle von #id (dh # select_name).

anstelle von Optionswert verwenden , um Ihre wählen Sie die Option Wert

 <script>
    $(document).ready(function() {
$("#id option[value='option value']").attr('selected',true);
   });
    </script>

Für Jquery ausgewählt, wenn Sie das Attribut an function senden und die Option update-select benötigen

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

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

Das $('select').val('the_value');sieht nach der richtigen Lösung aus und wenn Sie Datentabellenzeilen haben, dann:

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

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

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

Danke für die Frage. Hoffe, dieser Code wird für Sie funktionieren.

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

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

oder

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