トップページ >  jQuery >  jQueryでセレクトにselectedを指定する
初版2014/03/22: 最終更新日2014/03/22
jQueryでセレクトにselectedを指定する
目次
jQueryでセレクトにselectedを指定する
jQueryのvalでselectのデフォルト値を指定する
jQueryでセレクトにselectedを指定する
jQueryでセレクトボックスを動的に作成します。その場合にデフォルト値を設定したい場合、attr属性でselectedをtrueにします。
以下、例です。



ソースは以下です。

<script type="text/javascript">
$(function(){
  $(":button[name=btn1]").click(function(){
    var $select = $('<select>');
    var $option1 = $('<option>');
    var $option2 = $('<option>');
    $option1.text("オプション1");
    $select.append($option1);
    $option2.text("オプション2");
    $option2.attr("selected","true");
    $select.append($option2);
    $("#select").append($select);
    
    $(this).attr("disabled","false");
});
</script>

jQueryのvalでselectのデフォルト値を指定する
jQueryのvalを使ってデフォルト値を指定することもできます。
以下、例です。

ソースは以下です。

<script type="text/javascript">
$(function(){
  $(":button[name=btn2]").click(function(){
    $("#sample").val(2);
  });
});
</script>