javascript - 为什么 Firefox 1.5 不能解析 SELECT 下拉菜单的 DOM 子项？

Question

我需要使用 Firefox 1.5 (是的，我知道...)用于内部工具，仅用于封闭系统。

我有一个基本的 html select下拉菜单:

<select name="selectName" ID="Select">
   <option value="A" selected>Tom</option>
   <option value="B">Jim</option>
   <option value="C">Nancy</option>
</select>

在 JavaScript 中，我想提取所选选项的名称(内部文本)。

在Firefox 3.6我可以执行以下操作:

var x = document.getElementById("Select");
var name = x.children[x.selectedIndex].text;

和名称将包含所选下拉列表的字符串。 (默认为 Tom)

但是，当我在 Firefox 1.5 中运行这段代码时，出现以下错误:

x.children has no properties

不幸的是，我无法在 1.5 上安装 Firebug，因为它不兼容，无法获得更多信息。

我在 1.5 上有一个 JavaScript 错误控制台，仅此而已。

我还能如何获得所选选项的文本，这将适用于 FF1.5。

有没有一种 JQuery 方法可以在这种情况下工作？

此外，我很感兴趣为什么这在 FF1.5 中不起作用

(FF 1.5有兼容的JS调试器吗？)

谢谢。

Answer 1

<select>元素有一个“options”属性，其值为 <option> 的数组元素。您应该能够像使用“ child ”一样使用它。 (事实上​​我认为这是一个更好的习惯，因为 <select> 的子元素不一定只是 <option> 元素。)