Holen Sie sich alle input-Feld Namen aus einem HTML-Formular mit code

Ich habe eine HTML-Eingabe-Formular zum schreiben von Daten in meinem Google spreadsheet. Will ich weisen Sie überschriften für die Spalten des Arbeitsblatts. Ich brauche, um die name Attribute aller input-Felder für dieses.

Wie bekomme ich die name Attribut von jedem input-tag in meinem HTML-Formular?

  • Unklar ist, was Sie zu tun versuchen. Vielleicht auch code
InformationsquelleAutor Kyle Upton | 2015-02-12
  1. 8

    Wenn, zum Beispiel, alle Ihre Eingaben, musste ein name-Attribut, dann können Sie die Elemente nach tag-Namen, und Durchlaufen Sie das name-Attribut Einstellungen:

    <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>
    • Perfekt! Danke!
    InformationsquelleAutor Alan Wells
  2. 0
    let data  = [];
$.each($('#contact :input'),(ind, value) => {
  if (value.tagName !== 'BUTTON') {
    if (value.value === "") {
      alert("Empty Value");
      data = null;
      return false;
    } else {
      data.push(value.id+":"+value.value);
    }
  }
});

    Funktioniert gut für meinen Gebrauch in einer kleinen form in combo mit Knoten. #contact ist die Formular-ID...

    InformationsquelleAutor mr_wahoo
  3. 0

    Erhalten Sie Alle Feldnamen mit Ihren entsprechenden Wert mit javascript, wie unten

    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;
}
    InformationsquelleAutor Manoj Rana
Schreibe einen Kommentar