javascript - 如何在使用 javascript 提交之前更改隐藏的输入值？

Question

我是 javascript 的初学者，当用户选择带有表单的选项时，我想更改单个输入值，然后将其提交到同一页面。

这是HTML代码：

<form id="form" action="thispage.jsp" method="post">
<input id="action_type" type="hidden" name="action_type" value="firstAction" />
<table class="choose">
    <tr>
        <td>Choose your test</td>
        <td><select id="select_test" name="test_name">
            <option value="test0"></option>
            <option value="test1"></option>
        </select></td>
    </tr>
</table>

和javascript函数：

form = document.getElementById("form");
action = document.getElementById("action_type");
select = document.getElementById("select_test");
select.onchange = function() {
    action.setAttribute("value", "otherAction");
    form.submit();
}

这会返回一个异常，这段代码有什么问题？

Answer 1

我认为表格没有定义。尝试在表单之前添加一个 var。

Answer 2

这似乎不是 JavaScript 的问题，而是您的 JSP 代码。尝试调试代码并检查失败的地方。

Answer 3

我认为nullPointer显示是因为没有选定的选项。由于代码上没有任何innerHTML 内容，因此您无法选择任何内容。