Como selecionar o primeiro elemento na lista suspensa usando jquery?

Eu quero saber como selecionar a primeira opção em todas as tags de seleção na minha página usando jquery.

tentei isso:

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

Mas não funcionou

Experimente isso ...

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

Outra opção seria esta, mas só funcionará para uma lista suspensa de cada vez, conforme codificado abaixo:

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

Dê uma olhada neste post sobre como definir com base no valor. É interessante, mas não ajudará você neste problema específico:

Altere o valor selecionado de uma lista suspensa com jQuery

Seu seletor está errado, você provavelmente estava procurando por

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

Isso também funcionará:

$('select option:first-child')

Uma solução alternativa para RSolgberg, que dispara o 'onchange'evento, se presente:

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

Como fazer a primeira opção de <selecionar> selecionada com jQuery?

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

Para operações completas de lista suspensa usando Jquery

O que você provavelmente quer é:

$("select option:first-child")

Que codigo

attr("selected", "selected");

está fazendo está definindo o atributo "selecionado" para "selecionado"

Se você quiser as opções selecionadas, independentemente de ser o primeiro filho, o seletor é:

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

Estou respondendo porque as respostas anteriores pararam de funcionar com a versão mais recente do jQuery. Não sei quando parou de funcionar, mas a documentação diz que .prop () tem sido o método preferido para obter / definir propriedades desde o jQuery 1.6.

É assim que eu fiz funcionar (com jQuery 3.2.1):

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

Estou usando knockoutjs e as ligações de alteração não estavam disparando com o código acima, então adicionei .change () ao final.

Aqui está o que eu precisava para minha solução:

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

Consulte as notas .prop () na documentação aqui: http://api.jquery.com/prop/

Aqui está uma javascriptsolução simples que funciona na maioria dos casos:

document.getElementById("selectId").selectedIndex = "0";

se você deseja verificar o texto da opção selecionada, independentemente de ser o primeiro filho.

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

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