jQuery -. Establecer el valor de un selecto a una de sus opciones

Question

¿Cómo puedo configurar el valor de un campo de selección de entrada para el valor de la primera opción que no está deshabilitado

para, por ejemplo, en este campo, el valor seleccionado es 1. ¿Cómo puedo cambiar este valor a la siguiente opción no desactivada, es decir. 2?

<select> 
    <option disabled="disabled" value="1">1</option 
    <option value="2">2</option 
    <option disabled="disabled" value="3">3</option 
    <option value="4">4</option 
</select> 

Answer 1

para su ejemplo dado, me gustaría utilizar:

$("select option:not([disabled])").first().attr("selected", "selected");

si su selecto tenían una identificación específica ("#foo" por ejemplo):

$("#foo option:not([disabled])").first().attr("selected", "selected");

Answer 2

$('#id-for-select option:not(:disabled):first').click() 

Answer 3

establecer la propiedad seleccionada de la opción:

<option id="value2" value="2">2</option> 

document.getElementById('value2').selected = true; 

Answer 4

Prueba esto:

$('#select-id-here option:enabled').first().attr('selected', 'selected'); 

Answer 5

Un poco más limpia que las otras soluciones:

$('#select_id').find('option:enabled:first').prop('selected',true);