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

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

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

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

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






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





    apple
    orange
    banana
    melon




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

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

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>