usar jquery para seleccionar una opción desplegable

La solución:

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

Los elementos HTML select tienen selectedIndex propiedad en la 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;

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

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

Y para obtener el valor seleccionado no da argumentos:

$('select').val();

También, si tienes <option value="valueToSelect">...</option>, puedes hacer:

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

DEMO

Si sus opciones tienen un valor, puede hacer esto:

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

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

Lo haría de esta manera

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

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

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

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

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

Con " element usualmente usamos el atributo 'value'. Esto hará que sea más fácil de establecer entonces:

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

Prueba esto:

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

Saludos!

Respuesta con id:

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

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

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

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

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

Porque solo llamar a .attr('selected', 'selected') no activa el evento