Javascript 获取跨度标记内的选定选项值

我需要获取位于span标记内的所选选项值

<span id ="resolutionSpan">

    <select name="resolution" id="resolution">
    <option value="0" selected >0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>     
    </select>

</span>

但它返回一个空值。我需要先迭代跨度吗

---

由于项目限制，我不能使用jquery。需要javascript中的注释

获取

.options

，然后选择

。选择索引

，然后选择

.text

。像这样：

var selected=document.getElementById（'resolution'）。选项[document.getElementById（'resolution'）。selectedIndex]。文本
警报（选定）

0
1.
2.
3.
我相信。文本选择标签

如果需要所选项目的值，请使用.value

小提琴：

您的代码实际上非常接近，只需将.text更改为.value：

var e = document.getElementById("resolution");
console.log( e.options[e.selectedIndex].value);

除非您希望获取选项的实际内容（在本例中，该选项的值相同，但仍然有效）

可能的副本@ MelangaCK请检查我已经提到了Sang-tag，在投票之前考虑它。重复的投票是匿名的。@ Sathe Siges标签是不相关的，您正在选择ID的选择。
var e = document.getElementById("resolution");
console.log( e.options[e.selectedIndex].value);

var e = document.getElementById("resolution");
console.log( e.options[e.selectedIndex].value);

var e = document.getElementById("resolution");
console.log( e.options[e.selectedIndex].innerHTML);