Se conosci l'indice, il valore o il testo. anche se non si dispone di un ID per un riferimento diretto.

Questo , questo e questo sono tutte risposte utili.

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

Un selettore per ottenere l'elemento-opzione centrale in base al valore è

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

Per un indice:

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

Per un testo noto:

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

MODIFICA : Come commentato sopra, l'OP potrebbe essere stato dopo aver modificato l'elemento selezionato del menu a discesa. Nella versione 1.6 e successive si consiglia il metodo prop ():

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

Nelle versioni precedenti:

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

EDIT2 : dopo il commento di Ryan. Una partita su "Selezione 10" potrebbe essere indesiderata. Non ho trovato alcun selettore che corrisponda al testo completo, ma un filtro funziona:

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

EDIT3 : usare cautela $(e).text()poiché può contenere una nuova riga che impedisce il confronto. Questo succede quando le opzioni sono implicitamente chiuse (nessun </option>tag):

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

Se si utilizza semplicemente e.textuno spazio bianco aggiuntivo come la nuova riga finale verrà rimosso, rendendo il confronto più solido.

Nessuno dei metodi di cui sopra ha fornito la soluzione di cui avevo bisogno, quindi ho pensato che avrei fornito ciò che ha funzionato per me.

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

Puoi semplicemente usare il val()metodo:

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

Per valore, ciò che ha funzionato per me con jQuery 1.7 era il codice seguente, prova questo:

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

Esistono diversi modi per farlo, ma l'approccio più pulito è stato perso tra le risposte migliori e molte discussioni val(). Inoltre alcuni metodi sono stati modificati a partire da jQuery 1.6, quindi è necessario un aggiornamento.

Per i seguenti esempi supporrò che la variabile $selectsia un oggetto jQuery che punta al <select>tag desiderato , ad esempio tramite quanto segue:

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

Nota 1: utilizzare val () per le corrispondenze di valori:

Per la corrispondenza dei valori, l'utilizzo val()è molto più semplice rispetto all'utilizzo di un selettore di attributi: https://jsfiddle.net/yz7tu49b/6/

$select.val("SEL2");

La versione setter di .val()è implementata sui selecttag impostando la selectedproprietà di una corrispondenza optioncon la stessavalue , quindi funziona perfettamente su tutti i browser moderni.

Nota 2 - usa prop ('selezionato', vero):

Se si desidera impostare direttamente lo stato selezionato di un'opzione, è possibile utilizzare prop(non attr) con un booleanparametro (anziché il valore del testoselected ):

ad es. https://jsfiddle.net/yz7tu49b/

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

Nota 3 - consentire valori sconosciuti:

Se si utilizza val()per selezionare un <option>, ma la val non corrisponde (potrebbe accadere a seconda della fonte dei valori), allora "nulla" è selezionato e $select.val()restituirànull .

Quindi, per l'esempio mostrato, e per motivi di robustezza, potresti usare qualcosa del genere https://jsfiddle.net/1250Ldqn/ :

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

Nota 4 - corrispondenza esatta del testo:

Se si desidera abbinare il testo esatto, è possibile utilizzare una filterfunzione with. ad es. https://jsfiddle.net/yz7tu49b/2/ :

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

anche se se si dispone di spazi bianchi extra è possibile che si desideri aggiungere un taglio al controllo come in

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

Nota 5: corrispondenza per indice

Se vuoi abbinare per indice basta indicizzare i figli della selezione es. Https://jsfiddle.net/yz7tu49b/3/

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

Anche se tendo ad evitare le proprietà DOM dirette a favore di jQuery al giorno d'oggi, a codice a prova di futuro, in modo che possa essere fatto anche come https://jsfiddle.net/yz7tu49b/5/ :

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

Nota 6: utilizzare change () per attivare la nuova selezione

In tutti i casi precedenti, l'evento change non si attiva. Questo è in base alla progettazione in modo da non finire con eventi di cambiamento ricorsivo.

Per generare l'evento change, se necessario, basta aggiungere una chiamata all'oggetto .change()jQuery select. ad esempio il primo esempio più semplice diventa https://jsfiddle.net/yz7tu49b/7/

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

Ci sono anche molti altri modi per trovare gli elementi usando selettori di attributi, come [value="SEL2"], ma devi ricordare che i selettori di attributi sono relativamente lenti rispetto a tutte queste altre opzioni.

È possibile nominare la selezione e utilizzare questo:

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

Dovrebbe selezionare l'opzione desiderata.

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

Rispondere alla mia domanda di documentazione. Sono sicuro che ci sono altri modi per farlo, ma funziona e questo codice è testato.

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

Esattamente funzionerà provare questi metodi di seguito

Per l'opzione di selezione normale

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

Per selezionare l'opzione 2 l'opzione trigger è necessario utilizzare

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

Usando jquery-2.1.4 , ho trovato la seguente risposta adatta a me:

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

Se si dispone di un valore stringa, provare quanto segue:

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

Altri esempi non hanno funzionato per me, quindi è per questo che sto aggiungendo questa risposta.

Ho trovato la risposta originale su: https://forum.jquery.com/topic/how-to-dynamically-select-option-in-dropdown-menu

Per impostare il valore selezionato con l'attivazione selezionata:

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

Per impostare un'opzione da un ambito:

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

Questo codice usa il selettore per scoprire l'oggetto select con condizione, quindi cambia l'attributo selezionato di attr().

Inoltre, raccomando di aggiungere un change()evento dopo aver impostato l'attributo selected, in questo modo il codice si chiuderà cambiando selezione per utente.

Lo uso quando conosco l'indice dell'elenco.

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

Ciò consente all'elenco di cambiare e genera l'evento change. ": Nth (n)" sta contando dall'indice 0

andrò con: -

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

Prova questo

basta usare id campo di selezione invece di #id (es. # nome_selezione)

invece del valore dell'opzione usa il valore dell'opzione selezionata

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

Per Jquery scelto se si invia l'attributo per funzionare e occorre aggiornare l'opzione di selezione

$('#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>

La $('select').val('the_value');sembra la soluzione giusta e se si dispone di righe della tabella dei dati allora:

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

se non si desidera utilizzare jQuery, è possibile utilizzare il codice seguente:

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

Grazie per la domanda Spero che questo pezzo di codice funzioni per te.

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

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

o

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