一番下に書いたHTMLのセレクトボックスからラベル名を取得するにはどうしたらよいのでしょうか?
HTMLにvalue値をつけずにこのように記述すると、下記のJavaScriptの記述でラベル名が取得できます。
*****************
<select>
<option>1月</option>
<option>2月</option>
<option>3月</option>
</select>
https://imgur.com/T8W1Umy
*****************
ところが下記のようにvalueに値をつけるとvalueの値が出力されラベル名は表示されません。
都道府県名や名前など各々valueの値と、ラベル名が異なることはよくあることと思います。
以下に記述したHTML(valueの値がついたもの)のセレクトボックスからラベル名を取得するにはどのように記述したら良いのでしょうか?
分かる方いらっしゃいましたら教えて下さい。宜しくお願いします。
(JS)
'use strict';
{
document.querySelector('button').addEventListener('click', () => {
const li = document.createElement('li');
const month = document.querySelector('select');
li.textContent = month.value;
document.querySelector('ul').appendChild(li);
});
}
----------------------------------------
(HTML)
<select>
<option value="1">1月</option>
<option value="2">2月</option>
<option value="3">3月</option>
</select>
<button>Add!</button>
<ul>
</ul>
No.2ベストアンサー
- 回答日時:
li.textContent = month.options[month.selectedIndex].textContent;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBScriptでHTMLのセレクトボッ...
-
【javascript】連想配列からセ...
-
プルダウン選択を変更すると、...
-
javascript:データを日本語で...
-
javascriptでoptionタグを削除...
-
全てのselect要素をデフォルト...
-
プルダウンメニューに連動する...
-
ラジオボタンとプルダウンを連...
-
jqueryでセレクトメニュー+スク...
-
複数のプルダウンメニューの組...
-
まったく同じ<select>フォーム...
-
<input>の選択肢をプルダウンメ...
-
javascriptでセレクトボックス...
-
Selectボックスの一覧表示方法
-
WEBショップの配送希望日のプル...
-
select要素のvalueを配列で取得...
-
プルダウンメニューでのイベン...
-
セレクトボックスの連動処理
-
動的なセレクトボックスの生成...
-
jqueryでselect要素を表示・非...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Selectボックスの一覧表示方法
-
javascriptでセレクトボックス...
-
プルダウン選択を変更すると、...
-
全てのselect要素をデフォルト...
-
selectを変更不可にしたい
-
<input>の選択肢をプルダウンメ...
-
VBScriptでHTMLのセレクトボッ...
-
スマホのフォームでのselect複...
-
複数のプルダウンを1つにまとめ...
-
selectが変更されたらnameを指...
-
select要素のvalueを配列で取得...
-
同じ名前のセレクトがある場合...
-
javascript:データを日本語で...
-
ラジオボタンとプルダウンを連...
-
プルダウンの値によって活性・...
-
selectボックスの選択結果を変...
-
<select> をmultiple にしてい...
-
連動プルダウンのclonenode
-
リストボックス内の重複したも...
-
selectのすべての値を送信する方法
おすすめ情報