HTML表单值不'；t推送到JavaScript数组

好的，我尝试将HTML表单输入的值推送到JavaScript数组。当我加载页面并通过表单提交值时，它在数组中返回空字符串。我不明白为什么会这样。谢谢你的帮助

相关HTML：

<form>
                <div class="form-group">
                    <label for="name1">Name: </label>
                    <input type="text" class="form-control b" id="nameone">
                    <label for="pref1">Preferences: </label>
                    <input type="text" class="form-control a" id="prefone"> </div>
                <div class="form-group">
                    <label for="name2">Name: </label>
                    <input type="text" class="form-control c" id="nametwo">
                    <label for="pref2">Preferences: </label>
                    <input type="text" class="form-control a" id="preftwo"> </div>
                <div class="form-group">
                    <label for="name3">Name: </label>
                    <input type="text" class="form-control d" id="namethree">
                    <label for="pref3">Preferences: </label>
                    <input type="text" class="form-control a" id="prefthree"> </div>
                <div class="form-group">
                    <label for="name4">Name: </label>
                    <input type="text" class="form-control e" id="namefour">
                    <label for="pref4">Preferences: </label>
                    <input type="text" class="form-control a" id="preffour"> </div>
                    <!-- ... -->
                    <button type="submit" class="btn btn-primary" id="sbm">Submit</button>
</form>

---

试着让你的数据在一个循环中。 您可以使用getElementByTagName或getElementByClassName

var elements = document.getElementsByTagName("input")
for (var i = 0; i < elements.length; i++) {
    //Create array here arr.push(elements[i].value);
}

var elements=document.getElementsByTagName（“输入”）
对于（var i=0；i

您可以在单击函数中调用它。

---

希望这能有所帮助。

尝试将数据循环起来。 您可以使用getElementByTagName或getElementByClassName

var elements = document.getElementsByTagName("input")
for (var i = 0; i < elements.length; i++) {
    //Create array here arr.push(elements[i].value);
}

var elements=document.getElementsByTagName（“输入”）
对于（var i=0；i

您可以在单击函数中调用它。

---

希望对您有所帮助。

当您分配给

时，您正在调用
namesdefine（）
函数。您应该将函数分配给
。单击
，因此在它之后省去
（）

document.getElementById('sbm').onclick = namesdefine;

分配给
.onclick
时，您正在调用
namesdefine（）
函数。您应该将函数分配给
。单击
，因此在它之后省去
（）

document.getElementById('sbm').onclick = namesdefine;

或使用：

document.getElementById('sbm').onclick = namesdefine;

或

如果需要全部调用，请使用以下命令：

document.getElementById('sbm').onclick = function () {
    namesdefine();
    seat(document.getElementsByClassName('a').value);
    check();
    changeHTML();
}

在
getElementById（）
之后检查
null
始终是一种很好的做法，可以使用：

document.getElementById('sbm').onclick = namesdefine;

或

如果需要全部调用，请使用以下命令：

document.getElementById('sbm').onclick = function () {
    namesdefine();
    seat(document.getElementsByClassName('a').value);
    check();
    changeHTML();
}

在
getElementById（）
之后检查
null
始终是一种很好的做法，谢谢。它可以工作，但在我按下提交按钮后，一旦页面重新加载，更改就会消失。我怎样才能阻止这一切发生？没关系。我知道了，谢谢。它可以工作，但在我按下提交按钮后，一旦页面重新加载，更改就会消失。我怎样才能阻止这一切发生？没关系。我得到了它。