Defina o índice selecionado de um menu suspenso usando jQuery

Como faço para definir o índice de uma lista suspensa no jQuery se a maneira como estou encontrando o controle é a seguinte:

$("*[id$='" + originalId + "']") 

Faço isso dessa maneira porque estou criando controles dinamicamente e como os IDs são alterados ao usar Web Forms, achei isso como uma solução alternativa para encontrar alguns controles. Mas uma vez que eu tenho o objeto jQuery, não sei como definir o índice selecionado como 0 (zero).

Primeiro de tudo - esse seletor é bem lento. Ele examinará todos os elementos DOM procurando os IDs. Será menos prejudicial ao desempenho se você puder atribuir uma classe ao elemento.

$(".myselect")

Para responder sua pergunta, existem algumas maneiras de alterar o valor dos elementos selecionados no jQuery

// sets selected index of a select box to the option with the value "0"
$("select#elem").val('0'); 

// sets selected index of a select box to the option with the value ""
$("select#elem").val(''); 

// sets selected index to first item using the DOM
$("select#elem")[0].selectedIndex = 0;

// sets selected index to first item using jQuery (can work on multiple elements)
$("select#elem").prop('selectedIndex', 0);

Acabei de descobrir isso, funciona para mim e eu pessoalmente acho mais fácil ler.

Isso definirá o índice real, exatamente como a opção número 3 da resposta do gnarf.

// sets selected index of a select box the actual index of 0 
$("select#elem").attr('selectedIndex', 0);

Isso não costumava funcionar, mas funciona agora ... veja o bug: http://dev.jquery.com/ticket/1474

Termo aditivo

Conforme recomendado nos comentários, use:

$("select#elem").prop('selectedIndex', 0);

Estou escrevendo esta resposta em 2015 e, por algum motivo (provavelmente versões mais antigas do jQuery), nenhuma das outras respostas funcionou para mim. Quero dizer, eles mudam o índice selecionado, mas na verdade não reflete no menu suspenso real.

Aqui está outra maneira de alterar o índice e, na verdade, fazê-lo refletir no menu suspenso:

$('#mydropdown').val('first').change();

estou a usar

$('#elem').val('xyz');

para selecionar o elemento de opção que possui value = 'xyz'

Código JQuery:

$("#sel_status").prop('selectedIndex',1);

Código Jsp:

Status:
<select name="sel_status"
    id="sel_status">
    <option value="1">-Status-</option>
    <option>ALL</option>
    <option>SENT</option>
    <option>RECEIVED</option>
    <option>DEACTIVE</option>
</select>

Você deseja pegar o valor da primeira opção no elemento de seleção.

$("*[id$='" + originalId + "']").val($("*[id$='" + originalId + "'] option:first").attr('value'));

Para selecionar a segunda opção

$('#your-select-box-id :nth-child(2)').prop('selected', true);

Aqui nós adicionamos o `trigger ('change') para fazer o evento disparar.

$('#your-select-box-id :nth-child(2)').prop('selected', true).trigger('change');

$("[id$='" + originalId + "']").val("0 index value");

irá defini-lo como 0

Selecione a quarta opção

$('#select').val($('#select option').eq(3).val());

exemplo em jsfiddle