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> 

、私はそれを提出し、このスクリプトを使用する場合、何も起こりません：ここではフォーム自身のためのコードがある

私はまた、フォームに「ID」を追加することによって、それを試してみました

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=/"; 
} 

それらの要素を "document.getElementById"で取得して送信しますが、何も機能しません。私の問題は何ですか？どうすれば解決できますか？

Answer 1

最初のフォームを送信した後にopmod.phpにナビゲートする複数を使用する代わりに、1つのフォームを使用できます。

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