Definir a opção seleccionada da caixa de selecção

Eu quero definir uma opção que foi selecionada anteriormente para ser exibida no carregamento da página. Eu tentei com o seguinte código:

$("#gate").val('Gateway 2');

com

<select id="gate">
    <option value='null'>- choose -</option>
    <option value='gateway_1'>Gateway 1</option>
    <option value='gateway_2'>Gateway 2</option>
</select>

Mas isto não funciona. Alguma ideia?

João Pimentel Ferreira
Pergunta editada :em
Programação
html jquery html-select jquery-selectors
13º janeiro 2011 в 12:35
5 vistas
Solução

Isto definitivamente deve funcionar. [Aqui's uma demonstração][1]. Certifique-se de ter colocado seu código em um `$(document).ready':

$(function() {
    $("#gate").val('gateway_2');
});
João Pimentel Ferreira
Resposta editada :em
Comentários (11)
 
$(document).ready(function() {
    $("#gate option[value='Gateway 2']").prop('selected', true);
    // you need to specify id of combo to set right combo, if more than one combo
});
andrewtweber
Resposta editada :em
Comentários (1)

Isso funciona bem. Veja este violino: http://jsfiddle.net/kveAL/

É possível que você precise declarar seu jQuery em um $(document).ready() handler?

Além disso, você poderia ter dois elementos que tenham a mesma identificação?

James Wiseman
Resposta editada :em
Comentários (0)