use jquery para seleccionar una opción desplegable

Question

Me preguntaba si es posible hacer que jQuery seleccione una opción, por ejemplo, el 4º elemento, en un cuadro desplegable.

<select> 
    <option></option> 
    <option></option> 
    <option></option> 
    <option></option> 
    <option></option> 
</select> 

que desea que el usuario haga clic en un enlace, y luego tener el cambio de selección de cuadro de su valor, como si el usuario ha seleccionado haciendo clic en la opción.

Answer 1

¿Qué tal

$('select>option:eq(3)').attr('selected', true); 

ejemplo en http://www.jsfiddle.net/gaby/CWvwn/

---

para las versiones modernas de jQuery se debe utilizar el .prop() en lugar de .attr()

$('select>option:eq(3)').prop('selected', true); 

ejemplo en http://jsfiddle.net/gaby/CWvwn/1763/

Answer 2

La solución:

$("#control id").val('the value of the option'); 

Answer 3

si sus opciones tienen un valor, usted puede hacer esto:

$('select').val("the-value-of-the-option-you-want-to-select"); 

'select' sería la identificación de su selecto o un selector de clase. o si solo hay una selección, puede usar la etiqueta tal como está en el ejemplo.

Answer 4

Prefiero nth-child() a eq() ya que usa la indexación basada en 1 en lugar de la basada en 0, lo cual es un poco más fácil para mi cerebro.

//selects the 2nd option 
$('select>option:nth-child(2)').attr('selected', true); 

Answer 5

respuesta con ID:

$('#selectBoxId').find('option:eq(0)').attr('selected', true); 

Answer 6

HTML seleccionar elementos tienen una propiedad selectedIndex que se puede escribir a fin de seleccionar una opción en particular:

$('select').prop('selectedIndex', 3); // select 4th option 

Usando llanura JavaScript esto puede se puede lograr por:

// use first select element 
var el = document.getElementsByTagName('select')[0]; 
// assuming el is not null, select 4th option 
el.selectedIndex = 3; 

Answer 7

$('select>option:eq(3)').attr('selected', 'selected'); 

Una advertencia aquí es si tiene javascript viendo el evento de cambio de selección/opción que necesita agregar .trigger('change') para que se convierta el código.

$('select>option:eq(3)').attr('selected', 'selected').trigger('change'); 

porque sólo llamar .attr('selected', 'selected') no desencadena el evento

Answer 8

La forma más sencilla es val(value) función:

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

Y para obtener el valor seleccionado le da ningún argumento:

$('select').val(); 

Además, usted si tiene <option value="valueToSelect">...</option>, que puede hacer:

$('select').val("valueToSelect"); 

DEMO

Answer 9

Con '' elemento Utilizamos generalmente el valor del atributo ''. Esto hará que sea más fácil de configurar a continuación:

$('select').val('option-value'); 

Answer 10

Prueba esto:

$('#mySelectElement option')[0].selected = true; 

Saludos!

Answer 11

utilizar el siguiente código si desea seleccionar una opción con un valor específico:

$('select>option[value="' + value + '"]').prop('selected', true); 

Answer 12

lo haría de esta manera

$("#idElement").val('optionValue').trigger('change'); 

Answer 13

Try with the below codes. All should work. 
    $('select').val(2); 
    $('select').prop('selectedIndex', 1); 
    $('select>option[value="5"]').prop('selected', true); 
    $('select>option:eq(3)').attr('selected', 'selected'); 
    $("select option:contains(COMMERCIAL)").attr('selected', true);