从包含代码的HTML表单中获取所有输入字段名称

Question

从包含代码的HTML表单中获取所有输入字段名称

Kyl*_*ton 4 html javascript getelementsbytagname google-apps-script google-apps-script-web-application

我有一个HTML输入表单,可以将数据写入我的Google电子表格.我想将标题名称分配给电子表格列.我需要获取name所有输入字段的属性.

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

Answer 1

例如,如果所有输入都有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 x = document.getElementsByTagName("input");

  console.log("x: " + x);
  console.log("Number of inputs: " + x.length);

  var arrayOfInputNames = [];

  for (var i = 0; i < x.length; i++) {
  //for(key in x) {
    console.log("i: " + i);
    console.log("value: " + x[i].name);

    arrayOfInputNames.push(x[i].name);
  }

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

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，8 月前
查看次数：	6242 次
最近记录：	6 年，2 月前