我很难通过Javascript引用正确的DOM节点.有什么问题？

Question

这是代码:

<script type="text/javascript">
document.write(document.getElementsByTagName("select").value);
</script>
<form>
<select value="slct">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>

为简洁起见,其余部分已经过修改.我尝试在字符串的末尾使用"nodeValue"和"value"但没有成功.当我剪切值时,它输出"[object]".

我知道我可能会遗漏一些明显的东西,但我似乎无法将元素的引用放下来.我正在尝试开发一个启用下拉框的复选框,但我一直陷入这个跳跃点.

先感谢您.

Answer 1

1. 您打电话时该元素不存在document.getElementsByTagName.将脚本移动到select元素之后,或延迟它(例如,通过使它成为您调用的函数onload...除了您使用(丑陋,有问题,最好避免)document.write,在加载事件触发后不能很好地发挥作用.
2. document.getElementsByTagName 返回NodeList,而不是单个DOM节点,因此它不具有value属性
3. value选择元素上的跨浏览器不受支持.获取selectedIndex,使用它来获取所选的选项元素,然后获取该元素的值.