在控制台中用普通JavaScript显示表单名称=值对?
我已经尝试了十几种解决方案,但没有一种是让我这么做的在控制台中用普通JavaScript显示表单名称=值对?,javascript,forms,Javascript,Forms,我已经尝试了十几种解决方案,但没有一种是让我这么做的 console.log(名称+“”+值) 如果没有一些不可靠的JavaScript东西,我不知道该怎么做(我在不同的组合中得到了90%的东西)。。。我需要获得输入、选择和文本区域,甚至最好是隐藏区域,所有你想要键入或点击的典型表单(除了文件上传)。你可以使用构造函数,传入你想要的键值对的表单。如果将表单作为参数传递,它将自动包含表单的当前键/值对(键是元素的名称,值是元素的值)。文件输入内容也将被编码,使其成为AJAX调用的理想选择 var
console.log(名称+“”+值)代码>
如果没有一些不可靠的JavaScript东西,我不知道该怎么做(我在不同的组合中得到了90%的东西)。。。我需要获得输入、选择和文本区域,甚至最好是隐藏区域,所有你想要键入或点击的典型表单(除了文件上传)。你可以使用构造函数,传入你想要的键值对的表单。如果将表单作为参数传递,它将自动包含表单的当前键/值对(键是元素的名称,值是元素的值)。文件输入内容也将被编码,使其成为AJAX调用的理想选择
var formData=newformdata(document.getElementById(“myForm”);
console.log(…formData)代码>
输入名称:
输入帐号:
通过querySelectorAll
可以找到一个简单的解决方案。您可以选择具有name
属性的form
元素的所有后代,然后迭代结果,将每个元素记录到控制台,如下所示:
document.body
.querySelectorAll('形式[名称])
.forEach(元素=>{
log('name:',element.name,'value:',element.value);
})
document.querySelectorAll(“#表单名称输入[name]:not([type=“file”])在选择表单元素时,您可能希望在选择器中使用伪类,以避免选择表单中存在且您不需要的文件上载元素:document.queryselectoral(“#表单名称输入[name]:not([type=“file”]))
。