为什么我的 JavaScript 不能提交表单？

Question

基本上，我正在尝试使用 JavaScript 提交几个表单元素。这是表单本身的代码：

<form method="post" action="opmod.php" name="gender">
<p class="type">Gender:</p>
<input list="genderList" required>
<datalist  id="genderList">
    <option value="Male"></option>
    <option value="Female"></option>
</datalist>
</input>
</form>
<form method="post" action="opmod.php" name="race">
<p class="type">Race:</p>
<input list="raceList" required>
<datalist  id="raceList">
    <option value="White"></option>
    <option value="Black"></option>
    <option value="Asian"></option>
    <option value="Hispanic"></option>
    <option value="American Indian"></option>
    <option value="Other"></option>
</datalist>
</input>
</form>

但是，当我使用这个脚本提交它时，什么也没有发生：

submitInp=function(){
    document.forms["state"].submit();
    document.forms["age"].submit();
    document.forms["gender"].submit();
    document.forms["race"].submit();
    document.cookie="infoGiven=true;expires="+(today.getTime() + 60 * 24 * 3600 * 1000)+";path=/";
}

我也尝试过将“ids”添加到表单元素，使用“document.getElementById”获取这些元素，然后提交它们，但没有任何效果。我的问题是什么？如何解决？

Answer 1

您可以只使用一个表单而不是使用多个表单，在您提交第一个表单后，它将导航到 opmod.php。

<form method="post" action="opmod.php" name="data" id="data">
    //Put your inputs here
    //state inputs
    //age inputs
    //gender inputs
    //race inputs
</form>

并在您的 javascript 中使用：

document.getElementById("data").submit();