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

Question

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

<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。

Answer 1

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

Answer 2

纯JavaScriptvar sel = document.getElementById("box1");var text= sel.options[sel.selectedIndex].text;jQuery的：$("#box1 option:selected").text();

Answer 3

所有这些功能和随机的东西，我认为最好使用它，并像这样做：this.options[this.selectedIndex].text