Javascript获取返回'未定义'的选定值

Question

我有一个 ASP.NET 网站，在 .aspx 页面中有以下代码。

<form action="#" id="demoForm" class="demoForm">
    <select id="SelectEquipmentDropdown">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
</form>

当它呈现在 HTML 中时，我得到以下内容

<form action="#" id="demoForm" class="demoForm">
                        <select id="SelectEquipmentDropdown">
                            <option value="1">1</option>
                            <option value="2">2</option>
                        </select>
                    </form>

在我的 HTML 页面上，我看到了这个

当我使用这个javascript返回选项的selectedValue时，我得到了undefined返回的值。谁能告诉我我做错了什么？？？

var e = document.getElementById("SelectEquipmentDropdown");
var selectedEquipmentDropdown = e.options[e.selectedIndex].Value;

Answer 1

.Value 应该是.value 见小提琴https://jsfiddle.net/Lddyn573/9/

<form action="#" id="demoForm" class="demoForm">
  <select id="SelectEquipmentDropdown" onchange="myFunction()">
    <option value="1">1</option>
    <option value="2">2</option>
  </select>
</form>
<script>
function myFunction(){
var e = document.getElementById("SelectEquipmentDropdown");
var selectedEquipmentDropdown = e.options[e.selectedIndex].value;//change it here

alert(selectedEquipmentDropdown);
}
</script>