¿Cómo seleccionar el primer elemento en el menú desplegable usando jquery?

Question

Quiero saber cómo seleccionar la primera opción en todas las etiquetas de selección en mi página usando jquery.

probamos este:

$('select option:nth(0)').attr("selected", "selected"); 

Pero no funcionó

Answer 1

Pruebe este ou t ...

$('select option:first-child').attr("selected", "selected"); 

Otra opción sería algo así como this, pero sólo funcionará para una lista desplegable a la vez hacia abajo como codificado a continuación:

var myDDL = $('myID'); 
myDDL[0].selectedIndex = 0; 

Tome un vistazo a este post en Cómo establecer la base del valor, es interesante, pero no le ayudará en este tema específico:

Change the selected value of a drop-down list with jQuery

Answer 2

Su selector está mal, fueron probablemente en busca de

$('select option:nth-child(1)') 

Esto funcionará también:

$('select option:first-child') 

Answer 3

Lo que se quiere es probablemente:

$("select option:first-child") 

Lo que este código

attr("selected", "selected"); 

está haciendo es establecer el atributo "seleccionado" a "seleccionado"

Si desea que las opciones seleccionadas, independientemente de si es la primera en el niño , el selector es:

$("select").children("[selected]") 

Answer 4

si desea comprobar el texto de la opción seleccionada independientemente de si es el 1 st niño.

var a = $("#select_id option:selected").text(); 
alert(a); //check if the value is correct. 
if(a == "value") {-- execute code --} 

Answer 5

$("#DDLID").val($("#DDLID option:first-child").val()); 

For Complete Drop Down List Operations using Jquery

Answer 6

Ana solución alternativa para RSolgberg, lo que desencadena el evento 'onchange' si está presente:

$("#target").val($("#target option:first").val()); 

How to make first option of <select > selected with jQuery?

Answer 7

var arr_select_val=[]; 

    $("select").each(function() { 
     var name=this.name; 
      arr_select_val[name]=$('select option:first-child').val(); 
    }); 


// Process the array object 
    $('.orders_status_summary_div').print(arr_select_val); 

Answer 8

Estoy respondiendo porque las respuestas anteriores han dejado de funcionar con la última versión de jQuery. No sé cuándo dejó de funcionar, pero la documentación dice que .prop() ha sido el método preferido para obtener/establecer propiedades desde jQuery 1.6.

Esta es la forma en que tengo que trabajar (con jQuery 3.2.1):

$('select option:nth-child(1)').prop("selected", true); 

estoy usando knockoutjs y las fijaciones de cambio no estaban disparando con el código anterior, por lo que añade.cambiar() hasta el final.

Esto es lo que necesitaba para mi solución:

$('select option:nth-child(1)').prop("selected", true).change(); 

Ver .prop() señala en la documentación aquí: http://api.jquery.com/prop/