Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在控制台中用普通JavaScript显示表单名称=值对?_Javascript_Forms - Fatal编程技术网

在控制台中用普通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”]))