填写表格"并且"提交"自动使用javascript而无需按"提交"

时间:2014-04-27 12:18:41

标签: javascript html forms

我查看了不同的主题,但找不到合适的解决方案 我想创建一个假的html文件,它自动填充表单并在浏览器加载时提交。

两个输入字段maksreciever由我给出的值填充,但我需要按提交。
如果可能的话,如果输入字段的值不可见则可能会很好。谢谢。

<html xmlns="http://www.w3.org/1999/xhtml">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <head>
    <script type="text/javascript">
      function postReq() {
        var frm = document.getElementById('post_req');
        if (frm) {
          frm.submit();
        }
      }
    </script>

  <body onload="postReq()">
    <form method=POST name=exampleform id='post_req'
       action="/ex/makfoer.php">
      <input name=maks type=hidden value="2" /> 
      <input name=reciever type=hidden value="otto" />
      <input type=submit />
    </form>
  </body>

</html>

3 个答案:

答案 0 :(得分:2)

在您的情况下,您可以使用:

document.exampleform.submit();

<强>解释

exampleform是表单的名称,因此您可以使用以下命令获取表单:

document.exampleform

现在您只激活表单的.submit()方法。您不需要提交提交按钮。所以一切都是隐藏的。

答案 1 :(得分:0)

如果你想在没有jQuery的情况下这样做,请使用window.onload事件处理程序:

<head>
<script type="text/javascript">
  function postReq() {
    var frm = document.getElementById('post_req');
    if (frm) {
      frm.submit();
    }
  }
  window.onload = postReq;
</script>
</head>
加载整个页面时会触发

window.onload(包括外部脚本,图像等),而不是在解析和加载页面的DOM后触发的document.onload。 / p>

答案 2 :(得分:0)

1。关闭<head>标记。

2。使用引号来显示属性nametype等的值。

3。无需提交按钮,特别是因为您不希望自己的表单可见

<html xmlns="http://www.w3.org/1999/xhtml">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <head>
    <script type="text/javascript">
      function postReq() {
        var frm = document.getElementById('post_req');
        if (frm) {
          frm.submit();
        }
      }
    </script>
  </head>

  <body onload="postReq()">
    <form method="POST" name="exampleform" id='post_req'
       action="/ex/makfoer.php">
      <input name="maks" type="hidden" value="2" /> 
      <input name="reciever" type="hidden" value="otto" />
    </form>
  </body>

</html>