JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

 

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 初期チェック状態を取得する(.defaultChecked)

チェックボックス等の初期チェック状態を取得するには、.defaultCheckedを使います。 サンプルソース 例)ボタ ...

[JavaScript] 郵便番号のハイフン編集を行うテキストボックス

フォーカスインするとハイフン無し郵便番号、 フォーカスアウトするとハイフン有り郵便番号にするテキストボックスサンプルです ...

[JavaScript] オブジェクト(連想配列)の生成と読込みを行う

オブジェクト(連想配列)を生成するサンプルと、読込みを行うサンプルです。 オブジェクト(連想配列)の生成 例1)キーと値 ...

[JavaScript] テキストの選択開始時イベントを取得する(onSelectStart)

テキストの選択開始時イベントを取得するには、onselectstartを使用します。 IE、Edgeでのみ動作します。 ...

[JavaScript] 配列の並びを逆順にする(.reverse)

配列の並びを逆順にするには、.reverse()を使用します。 サンプルソース 例)配列「1,2,3,4,5」の並びを逆 ...

スポンサーリンク