javascript - 无法在Internet Explorer上使用javascript访问选项值

我有以下设置

"<form name=\"mylimit\" style=\"float:left\">
                <select name=\"limiter\" onChange=\"limit()\">
                <option selected=\"selected\">&nbsp;</option>"; ...

我写了一个js脚本来访问selectField'limiter'的选定值，如下所示:

 var w = document.mylimit.limiter.selectedIndex;

var url_add = document.mylimit.limiter.options [w] .value;

//除了在Internet Explorer上，在每个浏览器上我都能获得期望的值。认为IExplorer不喜欢上面的粗体部分。有什么线索吗？

最佳答案

IE正在寻找value属性。如果在选项标签上未找到value =“”，则其他浏览器似乎默认使用显示为值的文本。以下是适用于所有主要浏览器的内容。

<form name="mylimit" style="float:left">
    <select name="limiter" onChange="limit()">
        <option selected="selected" value='foo'>bar</option>
    </select>
</form>

<script>
    var index = document.mylimit.limiter.selectedIndex;
    var value = document.mylimit.limiter.options[index].value;
    alert(value); // Alerts 'foo'
</script>

这样，您可以有一个单独的值并为每个选项显示。