jQuery/Seleziona in modo programmatico un'opzione nella casella di selezione

Question

Attualmente sto utilizzando jQuery per restituire alcuni risultati JSON. Una volta restituiti questi risultati, li sto utilizzando per precompilare i campi nel mio modulo.

Tuttavia, ho bisogno di aiuto nella preselezione degli elementi in una casella a discesa. Per esempio, ho una casella di selezione (questa è accorciata):

<select id="startTime"> 
<option value="14:00:00">2:00 pm</option> 
<option value="15:00:00">3:00 pm</option> 
<option value="16:00:00">4:00 pm</option> 
<option value="17:00:00">5:00 pm</option> 
<option value="18:00:00">6:00 pm</option> 
</select> 

E se il mio valore JSON è:

var start_time = data[0].start // Let's say this is '17:00:00' 

Come posso, utilizzando jQuery, rendere l'opzione con un valore '17: 00:00 'selezionato?

<option value="17:00:00" selected="selected">5:00 pm</option> 

Answer 1

aggiornamento:

Come di jQuery 1.9, jQuery ha aggiornato cambiato questa funzionalità. Lo stato "selezionato" di un'opzione è in realtà una proprietà, pertanto jQuery lo ha modificato per utilizzare il metodo .prop(). La sintassi è molto simile e facile da cambiare:

$('#startTime option[value=17:00:00]').prop('selected', true); 

Vedi http://api.jquery.com/prop/#entry-longdesc del motivo per cui ha bisogno di passare true.

---

più vecchio jQuery

$('#startTime option[value=17:00:00]').attr('selected', 'selected'); 

o

$('#startTime option[value='+ data[0].start +']').attr('selected', 'selected'); 

Answer 2

$('#startTime').val(start_time); 

Answer 3

E 'solo $("#startTime").val(start_time);

Answer 4

Per qualche motivo per me funziona così:

$('#startTime').val(''+data[0].start+''); 

Answer 5

UPDATE

A partire da jQuery 1.9, jQuery ha aggiornato questa funzionalità. Lo stato "selezionato" di un'opzione è in realtà una proprietà, pertanto jQuery lo ha modificato per utilizzare il metodo .prop(). La sintassi è molto simile e facile da cambiare:

$('option[value=17:00:00]').prop('selected', 'selected'); 

Answer 6

Informazioni aggiuntive per gli utenti mobili jQuery (1.3.0):

Ecco un similar example.

Se si tenta l'esempio precedente con jQuery 1.9.1 e jQuery 1.3.0 cellulare si può vedere che non funziona a meno che non si aggiunge un

$("#location_list").selectmenu("refresh"); 

tenere a mente quando si lavora con jQuery Mobile. Mi ha dato un sacco di mal di testa

Answer 7

var varValue="17:00:00"; 
$("#startTime").ready(function(){ 
    $("#startTime option[value='"+varValue+"']").prop("selected", "selected"); }); 

Opere per me su jQuery 1.10