Come utilizzare JQuery per selezionare l'opzione ennesima

Question

ho il seguente codice HTML

<select onchange="this.form.submit()" name="name"> 
    <option value="9995101E01#17201044055PM">9995101E01#17201044055PM</option> 
    <option value="GRR-Example">GRR-Example</option> 
    <option value="admin">admin</option> 
    <option value="123w">123w</option> 
</select> 

Posso sapere come posso usare jQuery per l'opzione con valore "admin"?

Answer 1

$('select[name=name] option:eq(2)').attr('selected', 'selected'); 

Demo.

Answer 2

Ti piace questa:

$("select[name='name'] option:eq(2)").attr("selected", "selected"); 

EDIT:

di fare quello che volete nella vostra nuova modifica, cioè, selezionare l'opzione che ha il valore di admin:

$("select[name='name'] option:contains('admin')").attr("selected", "selected"); 

See it working.

Answer 3

penso che il nth-child pseudo-classe è quello che stai cercando:

$('select option:nth-child(3)').attr('selected', 'selected'); 

Answer 4

non mi sarei consiglio valore di impostazione di selezionare utilizzando .attr('selected', 'selected'). È una cattiva pratica. Se due opzioni hanno attributo 'selezionato' - allora qual è il valore di select?

Qui è la versione semplice e facile che funziona:

$('select[name="name"]').val('admin'); 

DEMO

Answer 5

Se si desidera selezionare l'opzione all'ennesima e grilletto onchange evento, allora:

function selectOption(nr) { 
    var select = $("select"); 
    if (select.children().length >= nr) { 
     let value = select.find('option:eq(' + nr + ')').val(); 
     select.val(value).change(); 
    } 
} 

Answer 6

Proprio aggiornamento nel caso in cui aiuti qualcuno. Avevo un requisito simile ma nel mio caso il menu a discesa è stato memorizzato come variabile JavaScript. Inoltre mi è piaciuto come Denis Matafonov suggerito per rendere selezionata l'opzione in questione. Quindi, ecco l'ultimo blocco di codice:

var target_dd = $('select[name=name]'); 
$(target_dd).val($(target_dd).find('option:eq(2)').html());