Question

以下代码不会打印该值。

function go(x)
{
   alert(x.options.selectedIndex.value);
   //location=document.menu.student.options[document.menu.student.selectedIndex].value
}

这是html代码

<select name="student" onChange="go(this)">
    <option selected> Student </option>
    <option value="http://www.cnet.com">Attendence</option>
    <option value="http://www.abc.com">Exams</option>
</select>

Answer 1

selectedIndex是一个数字，它没有value属性。

如果您的select元素只允许单选（就像您的那样），获取其值的最简单方法是select element's value property：

function go(x) {
    alert(x.value);
}

仔细检查它是否适用于您想要支持的浏览器，但MaryAnne（请参阅注释）已检查所有当前主流浏览器并且我已检查过IE6，IE7和Firefox 3.6（例如，旧浏览器），他们都工作。因为它是在DOM2 HTML（上面的链接）中指定的......

但是重新selectedIndex，你可能意味着：

function go(x) {
    alert(x.options[x.selectedIndex].value);
}

我可能会更进一步，更加防守：

function go(x) {
    var option = x.options[x.selectedIndex];
    if (option) {
        alert(option.value);
    }
}

...或

function go(x) {
    var option = x.options[x.selectedIndex];
    var value = option && option.value;
    alert(value); // Alerts "undefined" if nothing is selected
}

...如果没有选中的选项（在这种情况下，option将是undefined），尽管使用特定的标记和代码，我是不知道在没有选择任何内容的情况下将触发change事件的用户代理。至少，我不这么认为 - “我认为”是防守的原因。： - ）

对象HTMLSelectElement通过此关键字访问值

1 个答案: