1. ホーム
  2. javascript

[解決済み】JavaScriptで選択されたオプションのテキストを取得する

2022-04-16 21:08:55

質問

このようなドロップダウンリストがあります。

<select id="box1">
<option value="98">dog</option>
<option value="7122">cat</option>
<option value="142">bird</option>
</select>

JavaScriptを使用して、値ではなく実際のオプションテキストを取得するにはどうすればよいですか? 私は次のようなもので値を取得することができます。

<select id="box1" onChange="myNewFunction(this.selectedIndex);" >

しかし、むしろ 7122 私は cat .

解決方法は?

オプション

function myNewFunction(sel) {
  alert(sel.options[sel.selectedIndex].text);
}
<select id="box1" onChange="myNewFunction(this);">
  <option value="98">dog</option>
  <option value="7122">cat</option>
  <option value="142">bird</option>
</select>