Question

我一直在使用FF构建我的网站，并且意识到它无法在IE或Chrome中运行（Javascript，即）。使用IE的JS调试器，我发现它正在吐出以下错误：

SCRIPT5007: Unable to get value of the property 'value': object is null or undefined ...

以下代码：

var myvar = document.getElementById("selectboxid").value;

它在FF中运行良好，但在IE或Chrome中无效。

选择框的HTML如下所示：

<select name="selectboxid" id="selectboxid" size="1" autocomplete="off" tabindex="5" >
<option value="1">One</option>
<option value="2">Two</option>
...

我做错了吗？如果是这样，为什么它在FF中工作正常？

感谢您的帮助。

Answer 1

你可以用这个：

var myvar = document.getElementById("selectboxid");
var selectedValue = myvar.options[myvar.selectedIndex].value; //This will get the selected value of the select box

实现此目的的示例：

<html>
<head>
    <title>sample</title>
</head>
<body>
    <select name="selectboxid" id="selectboxid" onchange="alertValue()" size="1" autocomplete="off" tabindex="5">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
    </select>
    <script type="text/javascript">
    function alertValue() //this function will only be called when the value of select changed.
    {
        var myvar = document.getElementById("selectboxid");
        var selectedValue = myvar.options[myvar.selectedIndex].value; //This will get the selected value of the select box
        alert(selectedValue);
    }
    </script>
</body>
</html>

在IE或Chrome中无法获得选择框的价值？

1 个答案: