javascript - 在 Internet Explorer 中获取 SELECT 框的值

Question

我有一个选择框:

<select id="item1" name="Item 1">
  <option> </option>
  <option> Camera </option>
  <option> Microphone </option>
  <option> Tripod </option>
</select>

我有这个 JavaScript:

var item1= document.getElementById("item1").value;

item1 始终显示为空，从不显示选中的选项。但是，这适用于 firefox .

Answer 1

使用 item.value 适用于所有浏览器，除了非常非常旧的浏览器(有人知道 Netscape 4 吗？)。在这种情况下它不起作用的原因是因为您在选项中没有 value 属性。您应该为每个属性声明值。您目前拥有的只是“文本”属性，通常在未声明任何值时默认为值。或者，您可以在窗口加载事件中推送一些代码，使每个选项的“值”都与“文本”相同。

第三种方法你可以使用下面的代码，这是老式的方法:

var s = document.getElementById('item1');
var item1 = s.options[s.selectedIndex].value;