javascript - tooltip html

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>

Quiero que el usuario haga clic en un enlace, luego haga que el cuadro de selección cambie su valor, como si el usuario lo hubiera seleccionado haciendo clic en la opción.

Answer 1

Con el elemento '''' usualmente usamos el atributo ''valor''. Lo hará más fácil establecer luego:

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

Answer 2

La forma más fácil es val(value) function:

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

Y para obtener el valor seleccionado no das argumentos:

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

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

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

DEMO

Answer 3

La solución:

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

Answer 4

Lo haría de esta manera

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

Answer 5

Los elementos de selección HTML tienen una propiedad selectedIndex que se puede escribir para seleccionar una opción en particular:

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

Usando JavaScript simple esto se puede lograr mediante:

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

Answer 6

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 en mi cerebro.

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

Answer 7

Prueba esto:

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

¡Saludos!

Answer 8

Qué tal si

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

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

para las versiones modernas de jquery, debe usar .prop() lugar de .attr()

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

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

Answer 9

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

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

Answer 10

respuesta con id:

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

Answer 11

si sus opciones tienen un valor, puede hacer esto:

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

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

Answer 12

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

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

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

porque solo llamar .attr(''selected'', ''selected'') no desencadena el evento

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