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();

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

1 个答案: