时间戳

首页 > 解决方案 > 如何使用 javascript 动态激活提交按钮以通过 POST 发送表单数据？

javascript - 如何使用 javascript 动态激活提交按钮以通过 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”属性类型。我究竟做错了什么？

标签： javascriptphp

解决方案

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

# 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
});

推荐阅读