首页 > 解决方案 > 使用 javascript 填写在线表格并显示数据

问题描述

我正在尝试通过将 javascript 粘贴到调试控制台来填写表单,但是尽管数据显示在屏幕上,但表单仍然会出现关于为空的错误。

有没有办法用每个元素的 javascript 更新在线表单?我见过人们通过提交来做到这一点:

document.getElementById("firstName").value="Username";
document.forms[0].submit()

但是我需要在某些项目之后更新页面,因为它会提供不同的字段作为响应。另外,我认为代码中没有 HTML 表单,因为我收到了以下响应:

console.log(document.getElementById("firstName").form.id)
<empty string>

我可以做这样的事情(功能上):

document.getElementById('firstName').value = 'myname';
document.getElementById('firstName').submit();

(我知道这不是有效的代码,但我不知道如何解释自己:()问题之一是仅设置名称就会使其显示在屏幕上,但是当我按下页面上的付款按钮时,它只是说名字还没有填写。然后我必须点击名字字段,输入一个空格,按回车,然后名字终于“看到”了,但是多了一个空格。

标签: javascriptformspostsubmit

解决方案


如果firstName输入只是表单的子元素,您可以尝试

console.log(document.getElementById("firstName").parentNode.id);
document.getElementById('firstName').value = 'myname';
document.getElementById('firstName').parentNode.submit();

推荐阅读