Javascript 使用代码从HTML表单获取所有输入字段名称_Javascript_Html_Google Apps Script_Web Applications_Getelementsbytagname

Javascript 使用代码从HTML表单获取所有输入字段名称

javascript html google-apps-script web-applications

Javascript 使用代码从HTML表单获取所有输入字段名称,javascript,html,google-apps-script,web-applications,getelementsbytagname,Javascript,Html,Google Apps Script,Web Applications,Getelementsbytagname,我有一个HTML输入表单，可以将数据写入我的谷歌电子表格。我想为电子表格列指定标题名称。我需要获取此字段的所有输入字段的名称属性如何从HTML表单中的每个输入标记中获取name属性？此代码假定您要获取的HTML输入标记已经具有name属性。您可以通过标记名获取所有输入元素，标记名为“INPUT”。然后循环遍历它们，测试哪些输入元素具有name属性，并获得name属性设置： <html> <body> <p>Inputs:</p> <

我有一个HTML输入表单，可以将数据写入我的谷歌电子表格。我想为电子表格列指定标题名称。我需要获取此字段的所有输入字段的

名称

属性

如何从HTML表单中的每个输入标记中获取

name

属性？

此代码假定您要获取的HTML输入标记已经具有

name

属性。您可以通过标记名获取所有输入元素，标记名为“INPUT”。然后循环遍历它们，测试哪些输入元素具有

name

属性，并获得name属性设置：

<html>
<body>

<p>Inputs:</p>

  <input type="text" value="coffee" name="beverage">
  <input type="text" value="Chef salad" name="salad">
  <input type="text" value="Beef" name="mainCourse">
  <input type="text" value="Cake" name="desert">

<p>Click the button to display the value of the inputs</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var arrayOfInputNames,elmts,L;

  elmts = document.getElementsByTagName("input");
  
  console.log("elmts: " + elmts);
  console.log("Number of inputs: " + elmts.length);

  arrayOfInputNames = [];

  L = elmts.length;

  for (var i = 0; i < L; i++) {
    console.log("i: " + i);
    console.log("value: " + elmts[i].name);
    
    arrayOfInputNames.push(elmts[i].name);
  }

  console.log(arrayOfInputNames);
  document.getElementById("demo").innerHTML = arrayOfInputNames;
}
</script>

</body>
</html>


投入：
单击按钮以显示输入值
试试看

函数myFunction（）{
变量arrayOfInputNames，elmts，L；
elmts=document.getElementsByTagName（“输入”）；
控制台日志（“elmts:+elmts”）；
日志（“输入数量：+elmts.length”）；
arrayOfInputNames=[]；
L=elmts.长度；
对于（变量i=0；i


在与节点组合的小表单中非常适合我使用#contact是表单ID…
使用javascript获取所有字段名及其对应值，如下所示
var serializeForm = (formElement) => {
    const formData = {};
    const inputs = formElement.elements;  
    for (let i = 0; i < inputs.length; i++) {
      if(inputs[i].name!=="")
          formData[inputs[i].name] = inputs[i].value;
    }
    return formData;
}

var serializeForm=（formElement）=>{
const formData={}；
常量输入=formElement.elements；
for（设i=0；i不清楚您想做什么。可能包括一些代码
var serializeForm = (formElement) => {
    const formData = {};
    const inputs = formElement.elements;  
    for (let i = 0; i < inputs.length; i++) {
      if(inputs[i].name!=="")
          formData[inputs[i].name] = inputs[i].value;
    }
    return formData;
}