0

在这个线程中，描述了如何使用 JavaScript 从下拉框中获取选定的值。我一直在尝试按照该线程中的说明进行操作，但无法使其正常工作。

这是我正在尝试做的一个最小（非工作）示例。代码应该从下拉框中打印第二个选项的值，但是我Uncaught TypeError: Cannot read property 'options' of null在第 11 行的 Chrome 的 JavaScript 控制台中收到以下错误（即，当我定义第二个变量时）。

<html>
  <body>
    <select name='a_drop_down_box'>
        <option value='1'>One</option>
        <option value='2' selected='selected'>Two</option>
        <option value='3'>Three</option>
    </select>
    <p id='message'></p>
    <script type="text/javascript">
        var test = document.getElementById("a_drop_down_box");
        var testValue = test.options[test.selectedIndex].value;
        document.getElementById('message').innerHTML=testValue;
    </script>
  </body>
</html>
4

4 回答 4

3 
document.getElementById("a_drop_down_box");

您是否注意到您没有为选择项定义一个 id？

该name属性用于标识使用表单发送的请求的表单元素。您应该使用 id 从 dom 中检索它。

或者，如果您的选择位于表单内，则可以使用：

document.getElementById("myForm").elements["a_drop_down_box"];
于 2012-08-07T11:18:09.783 回答
1

你忘了给你<select>一个id属性。

<html>
  <body>
    <select id='a_drop_down_box' name='a_drop_down_box'>
        <option value='1'>One</option>
        <option value='2' selected='selected'>Two</option>
        <option value='3'>Three</option>
    </select>
    <p id='message'></p>
    <script type="text/javascript">
        var test = document.getElementById("a_drop_down_box");
        var testValue = test.options[test.selectedIndex].value;
        document.getElementById('message').innerHTML=testValue;
    </script>
  </body>
</html>
于 2012-08-07T11:17:51.377 回答
1

下拉列表的name属性是“a_drop_down_box”——你认为这是它的id.

每当您收到“...未定义”错误时，这意味着您认为您正在处理的对象（或元素，在您的情况下）尚未找到。因此，在想知道为什么会发生错误之前，请务必确认这一点。在你的情况下，你可以这样做：

alert(test); //undefined - no element found with that ID
于 2012-08-07T11:17:52.837 回答
1

您忘记将 id 添加到您的选择标签

var e = document.getElementById("a_drop_down_box");
var strUser = e.options[e.selectedIndex].value;

将返回 2。如果您愿意 Two，请执行以下操作：

var e = document.getElementById("a_drop_down_box");
var strUser = e.options[e.selectedIndex].text;

这是一个简单的例子 http://jsfiddle.net/VCerV/3/

于 2012-08-07T11:31:34.663 回答