【问题标题】:how to pass value from javascript to hidden field如何将值从javascript传递到隐藏字段
【发布时间】:2015-03-17 13:38:46
【问题描述】:

嗨,我有一个 javascript 方法,它正在从 applet 类读取字节数组,我想将该字节数组放入请求范围以传递控制器类。为此我创建了一个隐藏字段,在这里我的疑问是如何将字节数组从 java 脚本方法传递到隐藏字段,任何机构都可以提供解决方案。

这是我的 jsp 类。

<html>
    <body>
        <script type="text/javascript">
        var a="image";
        function printIt(){
            a=document.getElementById('string').value;
        }
        </script>

        <form name="formName" action="second.jsp">
            <input type="hidden" value='a' name="name" id="string"/>
            <input type="submit" id="abcId" name="abcName" onsubmit="printIt()"
                    value="submit"/>
        </form>
    </body>
</html>

【问题讨论】:

  • 你在使用 Jquery 吗? $("#string").val(a); 将值添加到 ID 为 string 的字段中
  • 如果您在帖子中标记了 jquery,请在下面查看我的答案。

标签: java javascript jquery


【解决方案1】:

这里可以尝试使用jquery代码来实现:

<script type="text/javascript">
 $('#abcId').on('click', function()
 {

     var a="image";
     $('#string').val(a); //<-- this code will take a variable as value an assign it into hidden input

     $('#formID').submit();

 }
</script>

HTML 代码

<form name="formName" action="second.jsp" id="formID">
  <input type="hidden" value='a' name="name" id="string"/>
  <input type="submit" id="abcId" name="abcName" value="submit"/>
</form>

【讨论】:

    【解决方案2】:

    使用 jquery

    您想获取隐藏字段的值并将其设置为获取字节数组的函数的返回值,例如

    $("#string").val(functionThatReturnTheByteArray())
    

    那么你想提交带有隐藏字段的表单

    $("form[name='formName']").submit()
    

    这将提交带有包含您的字节数组的隐藏字段的表单。

    总结

    $("#string").val(functionThatReturnTheByteArray())
    $("form[name='formName']").submit()
    

    【讨论】:

      【解决方案3】:

      我认为您需要对字节数组进行字符串编码,以便能够使用请求发送它。这在这里可能会有所帮助:Convert array of byte values to base64 encoded string and break long lines。 之后,您可以使用分配它

      document.getElementById('string').value = encode(yourData);
      

      希望对您有所帮助。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-05-28
        • 2013-01-20
        相关资源
        最近更新 更多