使用<select>使用 JavaScript 从 HTML 标记

Question

我正在使用 select 标记来了解要分配值的属性。

<select>
    <option value="selStr">STR</option>
    <option value="selDex">DEX</option>
    <option value="selInt">INT</option>
    <option value="selWis">WIS</option>
    <option value="selCon">CON</option>
    <option value="selCha">CHA</option>
</select>

如何将信息发送到 JavaScript 以了解已选择哪个？

我在 Zero298 的帮助下让它工作了，但感谢每个人都用不同的方法来做到这一点！

Answer 1

首先为您的选择提供一个 ID

<select id="mySelect">
    <option value="selStr">STR</option>
    <option value="selDex">DEX</option>
    <option value="selInt">INT</option>
    <option value="selWis">WIS</option>
    <option value="selCon">CON</option>
    <option value="selCha">CHA</option>
</select>

然后在您的脚本中执行以下操作：

var e = document.getElementById("mySelect");
var selectedValue = e.options[e.selectedIndex].value;

selectedValue 将是所选选项的 value 属性中的字符串。

Answer 2

<select onchange="alert(this.options[this.selectedIndex].value)" >

JSFIDDLE