jQuery

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

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

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

サンプルソース

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

実行サンプル

動作確認ができます。


解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 複数のイベントに同じ処理を記述する

複数のイベントに同じ処理を追加するサンプルです。 サンプルソース 例)テキストボックスのonfocusとonblurに同 ...

[jQuery] 要素のテキストに指定文字列が含まれるか判定する(:contains)

要素のテキストに指定文字列が含まれるか判定するには、:containsを使用します。 サンプルソース 例)テキストに"x ...

[jQuery] 要素をフェードイン、フェードアウトする

要素をフェードイン、フェードアウトするサンプルです。 サンプル 例)ボタンを押すとdiv要素をフェードイン、フェードアウ ...

[jQuery] 要素を指定したタグで囲う(.wrap)

要素を指定したタグで囲うには、wrapを使用します。 サンプル 例)ボタンを押すと、要素をbタグで囲う [crayon- ...

[jQuery] tooltipを設定する

jQueryでtooltipを設定するサンプルです。 ※ツールチップとは、カーソルを乗せると表示される注釈のことです。 ...

スポンサーリンク