jQuery/Programmatically Seleccione una opción en Seleccionar cuadro

Question

Actualmente estoy usando jQuery para devolver algunos resultados JSON. Una vez que se devuelven estos resultados, los estoy usando para completar previamente los campos en mi formulario.

Sin embargo, necesito ayuda para preseleccionar elementos en un cuadro desplegable. Por ejemplo, tengo un cuadro de selección (esto se acorta):

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

Y si mi valor JSON es:

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

¿Cómo puedo, usando jQuery, hacer que la opción con el valor '17: 00:00 'seleccionado?

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

Answer 1

actualización:

A partir de jQuery 1.9, jQuery ha actualizado cambió esta funcionalidad. El estado "seleccionado" de una opción es en realidad una propiedad, por lo tanto jQuery lo ha cambiado para usar el método .prop(). La sintaxis es muy similar y fácil de cambiar:

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

Ver http://api.jquery.com/prop/#entry-longdesc de por qué tiene que pasar true.

---

antigua 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

Es sólo $("#startTime").val(start_time);

Answer 4

Por alguna razón para mí funciona así:

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

Answer 5

ACTUALIZACIÓN

A partir de jQuery 1.9, jQuery ha actualizado esta funcionalidad. El estado "seleccionado" de una opción es en realidad una propiedad, por lo tanto jQuery lo ha cambiado para usar el método .prop(). La sintaxis es muy similar y fácil de cambiar:

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

Answer 6

Información adicional para los usuarios de jQuery Mobile (1.3.0):

He aquí una similar example.

Si intenta el ejemplo anterior con jQuery 1.9.1 y 1.3.0 jQuery Mobile se puede ver que no funciona a menos que agregue un

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

tener eso en cuenta cuando se trabaja con jQuery Mobile. Me dio mucho dolor de cabeza

Answer 7

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

Obras para mí en jQuery 1.10