JavaScript

[JavaScript] 選択されたセレクトボックスのラベルを取得する

投稿日:2016年10月9日 更新日:

選択されたセレクトボックスのラベル(表示されているテキスト)を取得するサンプルです。

サンプルソース

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

実行サンプル

ボタンを押すと、選択した項目の情報が表示されます。

 

解説

  • セレクトボックスのoptionsにインデックス番号を渡すと要素のオブジェクトが取得できます。
  • 取得したオブジェクトに対して.textを取得すればラベルを取得できます。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] セレクトボックス値を動的に生成する

連想配列オブジェクトの値から、セレクトボックスの要素を動的に生成するサンプルです。 サンプルソース 例)連想配列arrの ...

[JavaScript] 呼び出されたイベント名を取得する(event.type)

呼び出されたイベント名を取得するには、event.typeを使います。 サンプルソース 例)イベント名を取得する [cr ...

[JavaScript] 埋め込み文字を使う

JavaScriptで埋め込み文字(埋め草文字)を使うサンプルです。 ※ECMAScript6対応ブラウザ以降で使用可で ...

[JavaScript] ブラウザにインストールされているプラグインの情報を取得する(navigator.plugins)

ブラウザにインストールされているプラグインの情報を取得するには、window.navigator.plugins を使用 ...

[JavaScript] ブラウザ上の要素の表示/非表示を切替える(非表示時も詰まらない)

ブラウザ表示上の指定した箇所の表示/非表示を切り替えるサンプルです。 非表示時も表示領域は詰まりません。 要素の表示/非 ...

スポンサーリンク