プルダウンリストで選択されている値を得たい

selectタグで作成されたプルダウンリストのoptionリストの中から
選択されているoptionタグの情報を得るにはフォームフィルタである、
「:selected」フィルタを使用します。

以下のような形で使用します。

var year = $('#year option:selected').val();

1	var year = $('#year option:selected').val();

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

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





    apple
    orange
    banana
    melon

$(function(){

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

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

alert(fruit);

});

apple

orange

banana

melon

まず、以下でプルダウンメリストの選択を変更した時の
関数を定義します。

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

1	$('select').change(function(){

以下で、変更された要素内のoptionタグの中から選択状態の要素を抽出し、
val()によってその値を変数fruitに代入します。
その後alert()関数により画面に出力しています。

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

1 2	var fruit = $(" option:selected", this).val(); alert(fruit);