如何使用javascript动态激活提交按钮以通过POST发送表单数据?

时间:2018-04-24 21:53:36

标签: javascript php

我正在尝试创建一个表单,当单击名为verify的按钮(供用户查看)并显示提交按钮时,将表单数据附加到页面底部。此提交按钮的目的是将表单数据POST到我的php文件。

我试图创建如下所示的提交按钮:

var x = document.createElement("INPUT");
x.setAttribute("type", "submit");
x.setAttribute("name", "submit");
x.setAttribute("id", "submitter");
var para= document.createElement("P");
para.appendChild(x);  

我认为通过在表单标记中包含脚本标记将允许我仍然访问表单数据,但是当我查看源代码时,看起来浏览器在创建此提交按钮之前正在处理表单结束标记。所以这个提交按钮最终不会做任何事情。我的脚本标签目前一直在底部,所以不确定放置是否是问题。

或者我尝试创建一个隐藏的提交按钮,如下所示:      

然后在我的脚本中更改要在按钮单击时提交的类型:     document.getElementById('submitter').type ='submit';

但是这给了我一个无法设置'null'的propety类型。我做错了什么?

1 个答案:

答案 0 :(得分:1)

您是否已将该按钮添加到页面?

# append the content to your body or to any other element on the page
document.body.appendChild(para)?

关于邮寄申请:

  

此提交按钮的目的是将表单数据发布到我的php文件

了解jQuery.post,对你来说应该非常简单。

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});