1. ホーム
  2. javascript

[解決済み] ドロップダウン・ボックスからテキストを取得する

2023-05-31 02:52:50

質問

これは、ドロップダウンメニューで選択されたものの値を取得します。

document.getElementById('newSkill').value

しかし、現在ドロップダウンメニューで表示されているテキストについて、どのプロパティを取得すればよいのかがわかりません。私は"text"を試した後、次のものを見てみました。 W3Schools を試しましたが、それは答えを持っていませんでした、誰かここに知っていますか?

よくわからない人のために、ドロップダウン・ボックスのHTMLを示します。

<select name="newSkill" id="newSkill">
    <option value="1">A skill</option>
    <option value="2">Another skill</option>
    <option value="3">Yet another skill</option>
</select>

どのように解決するのですか?

あなたの例のHTMLコードに基づいて、現在選択されているオプションの表示テキストを取得するための1つの方法は次のとおりです。

var skillsSelect = document.getElementById("newSkill");
var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;