如何在使用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();
}

这会返回一个Exception，这段代码出了什么问题？

Answer 1

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

Answer 2

它似乎不是JavaScript的问题，而是您的JSP代码。尝试调试代码并检查它的失败位置。

Answer 3

我认为 nullPointer 会显示，因为没有选定的选项。由于代码没有任何innerHTML 在它上面，你无法选择任何东西。