如何将 javascript 变量分配给隐藏的输入？答案

【问题标题】：How to assign a javascript variable to a hidden input?如何将 javascript 变量分配给隐藏的输入？
【发布时间】：2016-02-25 13:47:10
【问题描述】：

我想将一个 javascript 变量存储到一个隐藏的输入字段，因为我想从一个 servlet 中获取它。这是我当前的代码：

HTML：

<form action="myServlet">


<input type="hidden" id="id" value="" name="total">
     <input type="submit" value="Go!"/>
</form>

Javascript：

var a = 2;
document.getElementById('id').value=a;

myServlet（java servlet）：

int count = Integer.parseInt(request.getParameter("total"));
        ServletContext context= getServletContext();
        request.setAttribute("count", count);
            RequestDispatcher rd= context.getRequestDispatcher("/newjsp1.jsp");
            rd.forward(request, response);

每当我单击提交按钮时，它都会给出错误NumberFormatException，因为 javascript 变量未分配给我试图使用 servlet 获取的隐藏输入字段。我希望你们能帮助我解决我的困境。谢谢！

【问题讨论】：

你确定var a = 2; document.getElementById('id').value=a; 在submit 按钮被点击时运行？

标签： javascript java html servlets

【解决方案1】：

您必须在 Input Hidden 元素呈现后添加 javascript，即代码排列顺序很重要，因为您添加了 javascript 以在浏览器中呈现时执行。确保没有其他元素具有相同的 id 值“id”。

我更喜欢使用一个函数来执行表单提交，如下所示。

    <form action="myServlet" onSubmit="setVal();">
<input type="hidden" id="id" value="" name="total">
     <input type="submit" value="Go!"/>

</form>

<script>        

function setVal(){
   var a = 2;
    document.getElementById('id').value=a;
}
</script>

【讨论】：