プルダウンリストの選択要素をjqueryから操作するには？

jQueryではselectタグで選択されているoption要素を操作することも
簡単にできます。

どうするかというと、selectタグに val() メソッドを用いて選択状態に
したいoptionタグのvalueを設定すればよいのです。

たとえば以下のようなフォームがあった場合、”one”を選択させるには

$("select.hoge").val(1);

1	$("select.hoge").val(1);

とします。

one
two

one

two

以下にサンプルを示します。

<title>smooth scroll</title>



$(function(){
        $('select#hoge1').change(function(){
            var val = $(" option:selected", this).val();
            $('select#hoge2').val(val);
        });
});



<div>

---------
1 : hoge１
2 : hoge２
3 : hoge３

</div>

<div>

---------
1 : hoge１
2 : hoge２
3 : hoge３

</div>

<title>smooth scroll</title>

$(function(){

$('select#hoge1').change(function(){

var val = $(" option:selected", this).val();

$('select#hoge2').val(val);

});

<div>

---------

1 : hoge１

2 : hoge２

3 : hoge３

</div>