セレクトボックスの選択項目の設定

以前に選択されたオプションを、ページロード時に表示するように設定したいのですが。以下のコードで試してみました。

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

で

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

しかし、これではうまくいきません。何かアイデアはありませんか？

João Pimentel Ferreira
編集された質問 20日 1月 2019 в 10:47
プログラミング
html jquery html-select jquery-selectors
13日 1月 2011 в 12:35
13 ビュー
ソリューション

これは絶対に動くはずです。[ここにデモがあります][1]。コードが $(document).ready に配置されていることを確認してください。

$(function() {
    $("#gate").val('gateway_2');
});
João Pimentel Ferreira
編集した答え 20日 1月 2019 в 10:47
解説 (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
編集した答え 16日 5月 2015 в 1:56
解説 (1)

問題なく動作します。このフィドルを見てください: http://jsfiddle.net/kveAL/

もしかして、$(document).ready()のハンドラの中でjQueryを宣言する必要があるのでは？

また、同じIDの要素が2つあるのでは？

James Wiseman
編集した答え 10日 4月 2013 в 11:35
解説 (0)