【JavaScriptで】セレクトボックスからラベル名を取得する方法

一番下に書いた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 ベストアンサー 回答者： yambejp 回答日時： 2020/10/07 18:10

li.textContent = month.options[month.selectedIndex].textContent;

この回答へのお礼

簡単にうまくいきました。
どうもありがとうございました。

お礼日時：2020/10/08 14:28

No.1 回答者： bx2 回答日時： 2020/10/07 16:27

month[month.selectedIndex].text

この回答へのお礼

なるほど。うまくいきました。
どうもありがとうございます。

お礼日時：2020/10/08 14:30