使用 JavaScript 获取选定的选项文本

javascript dom html drop-down-menu

2022-08-30 00:59:45

我有一个这样的下拉列表：

<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);" >

但我不想要.7122cat

答案 1

试用选项

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>

答案 2

纯 JavaScript

var sel = document.getElementById("box1");
var text= sel.options[sel.selectedIndex].text;

jQuery：

$("#box1 option:selected").text();