¿Cómo establecer el valor en el menú desplegable con Jquery?

Question

Hola, estoy estableciendo un valor en un menú desplegable usando jquery de las siguientes maneras.

$("#dropDownItems option[value='--Select--']").attr('selected', 'true'); 

$("#dropDownItems option[value='--Select--']").attr('selected', 'selected'); 

¡Pero ninguno de estos funciona para FireFox! y funciona bien para los navegadores restantes.

¿Alguien me puede ayudar?

Answer 1

Esto debería hacer el truco para usted.

$('#dropdownID').val("Value to be selected"); 

Answer 2

$("#dropDownItems").val("--Select--"); 

O, si lo que desea es seleccionar la primera opción, independientemente de su valor, se puede definir esta función auxiliar:

$.fn.selectFirst = function() { 
    return $(this).find("option:first").attr("selected", "selected").end(); 
} 

Entonces utilizar de esta manera:

$("#dropDownItems").selectFirst(); 

Answer 3

Si desea establecer el valor predeterminado y es el primer elemento, puede hacer:

$('#dropDown')[0].selectedIndex=0; 

Answer 4

Supongo que hay varias formas de hacerlo. La manera más fácil:

$("#dropdownID").val("dropdownValue"); 

Esto funcionará muy bien, pero no disparará el evento de cambio si lo tiene en cualquier caso. Para resolverlo, lo utilizan, como a continuación:

$("#dropdownID").val("dropdownValue").change(); 

Otras formas posibles:

$("#dropdownID").attr('selected','selected'); 

$("#dropdownID").prop('selected', true); 

Answer 5

probar esto

$('[id*=_dropdown]').val("--Select--");