2

У меня есть форма ввода HTML для записи данных в электронную таблицу Google. Я хочу присвоить заголовкам заголовков столбцам таблицы. Для этого мне нужно получить атрибуты name всех полей ввода.Получите все имена полей ввода из HTML-формы с кодом

Как я могу получить атрибут name из каждого тега ввода в моей HTML-форме?

+0

Нечеткие, что вы пытаясь сделать. Может быть, есть код – AshClarke

ответ

7

Если, например, все ваши входы имели имя атрибута, то вы можете получить все элементы по имени тега, и цикл через них, чтобы получить имя настройки атрибута:

<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> 
+0

Perfect! Благодаря! –