select 标签中的 onchange 事件！

Question

如果我更改菜单中的选项，下面的代码应该在 ParentSelect 中给出 1，但我得到的是 0。谁能告诉我错误是什么？

<input type="hidden" name="ParentSelect" value="0" />
<select class="style" onchange="document.forms[0].elements['ParentSelect']=1" >
<option value="NULL">NULL</option>
...
</select>

在这里，我的数据库中有两个表。它们包含一些字段，如服务器名称等。

有建议吗？

Answer 1

您直接将值 1 分配给属性 document.forms[0].elements['ParentSelect']，而您可能想更改元素的值，可以这样实现：

document.forms[0].elements['ParentSelect'].value = 1

我同意其他一些关于缺乏有效 HTML 结构的评论，我会添加，如果您要通过 document.forms[0] 引用该字段，您也可以为该字段提供一个 id 属性，这样您就可以简单地使用 'document.getElementById` ，这样您的代码就可以正常工作页面上的其他表格。无论如何，使用你的方法，这里是完整的代码：

<form>
    <input type="hidden" name="ParentSelect" value="0" />
    <select class="style" onchange="document.forms[0].elements['ParentSelect'].value=1" >
        <option value="1">Value 1</option>
        <option value="2">Value 2</option>
    </select>
</form>

使用 id 代替：

<form>
    <input id="parentSelect" type="hidden" name="ParentSelect" value="0" />
    <select class="style" onchange="var e = document.getElementById('parentSelect'); if (e) e.value=1;" >
        <option value="1">Value 1</option>
        <option value="2">Value 2</option>
    </select>
</form>

Answer 2

document.forms[0].elements['ParentSelect'] 返回整个输入，如果您想设置它的值，请使用

document.forms[0].elements['ParentSelect'].value = 1