2

私は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でうまく機能するのですか？

ご協力いただきありがとうございます。

4

1 に答える 1

4

あなたはこれを使うことができます：

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>​
于 2012-10-25T00:25:51.343 に答える