jQuery - Scegli un indice da elementi id

Question

<select id="mySelect"> 
    <option id="sel01" value="some value">some value</option> 
    <option id="sel02" value="some other value">some other value</option> 
    <option id="sel03" value="maybe me">maybe me</option> 
    <option id="sel04" value="and another one">and another one</option> 
</select> 

Vorrei selezionare un'opzione con l'utilizzo di jQuery, ma non per valore:

$("#mySelect").val(1); 

ma da elementi id.

Grazie per una risposta.

Answer 1

È possibile utilizzare il metodo prop.

var id = 'sel02'; 

$('#mySelect option').filter(function(){ 
    return this.id === id 
}).prop('selected', true); 

o:

$('#' + id).prop('selected', true); 

Oppure, se si desidera selezionare un'opzione basati su di esso di indice, è possibile utilizzare eq metodo:

$('#mySelect option').eq(1).prop('selected', true); 

Answer 2

è possibile recuperare il valore dell'elemento utilizzando il ID e utilizza il valore per jQuery val().

var elementId = 'sel01'; 
$("#mySelect").val($('#' + elementId).val()); 

Answer 3

Se si desidera selezionare l'opzione:

$('#mySelect option#sel02').prop('selected',true); 

se si vuole ottenere il valore della id opzione selezionata:

$('#mySelect option#sel02').val(); 

Answer 4

var id= "sel01"; 

    $('#selectid option').each(function(){ 
     if($(this).attr('id') == id){ 
      $(this).attr('selected',true); 
     } 
    }); 

Answer 5

Ti piace questa. Basta cambiare il numero in eq (0)

$("#mySelect").val($("#mySelect").children().eq(0).val()); 

Answer 6

Prova questa sintassi,

$('select option:selected').attr('id'); 

controllo here, selezionerà l'opzione in base al valore del testo.

Answer 7

non so il contesto, ma questo ha funzionato per me quando avevo bisogno di ottenere dati da JSON e rendere l'opzione di quella casella combinata specifica selezionata:

$("#mySelect option[id='" + someVariable + "']").attr('selected', 'selected');