HP作ってみる!

(43) 【JQuery】 SELECTの状態を取得/変更

1,856 views

この記事は最終更新から 2889日 が経過しています。

よく忘れるので備忘録。

(1) selectの現在値を取得する。

1) 現在の選択値を取得する。

var v = $('xxxxx').val();

2) 現在の選択値(テキスト)を取得する。

var v = $('xxxxx option:selected').text();

3) 選択値の変更を捕捉する。

$(function(){
  $('xxxxx').change(function(){
    var v = $(this).val();
  });
});

on()を使ってもよい。
※JavaScriptで動的に生成した SELECTの場合、こちらでないと動かない。

$(function(){
  $('xxxxx').on('change', function(){
    var v = $(this).val();
  });
});

(2) selectの選択値を設定する。

$('xxxxx').val(1)

アクセス数(直近7日): ※試験運用中、BOT除外簡易実装済
  • 2026-07-27: 0回
  • 2026-07-26: 0回
  • 2026-07-25: 1回
  • 2026-07-24: 0回
  • 2026-07-23: 0回
  • 2026-07-22: 0回
  • 2026-07-21: 0回
  • モバイルバージョンを終了