jQuery

[jQuery] セレクトボックスの値とラベルを取得する

投稿日:2017年9月7日 更新日:

jQueryでセレクトボックスの値とラベルを取得するサンプルです。

サンプルソース

例)ボタンを押すと選択中のラベルと値を表示する

実行サンプル

動作確認ができます。


解説

  • 値は、「$('[name="<name名>"]').val();」で取得できます。
  • ラベルは、「$('[name="<name名>"] option:selected').text();」で取得できます。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 数値かどうか判定する($.isNumeric)

数値かどうか判定するには、$.isNumeric()を使用します。 サンプルソース 例)変数valが数値かどうか判定する ...

[jQuery] インデックス指定で子要素を取得する(.eq)

インデックス指定で子要素を取得するには、.eq()を使用します。 サンプルソース 例)3番目の子要素を取得する [cra ...

[jQuery] テーブルの行を追加・削除するサンプル

jQueryでテーブル行を動的に追加・削除するサンプルです。 サンプルソース 例)ボタンを押すと行追加、行クリックで行削 ...

[jQuery] 1回だけ有効なイベントを設定する(.one)

1回だけ有効なイベントを設定するには、oneを使います。 サンプル 例)ボタンを押すと1回だけアラート表示する [cra ...

[jQuery] プロパティ値を設定/取得する(.prop)

プロパティ値を設定/取得するには、.prop()を使用します。 構文 (プロパティ値を取得する構文) var a = p ...

スポンサーリンク