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으로 이동하는 여러 항목을 사용하는 대신 하나의 양식을 사용할 수 있습니다.

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

와 자바 스크립트의

는 사용

이 가 는 즉시 페이지가 POST를 통해 opmod.php``로 이동합니다 제출 첫 번째 양식 ("상태")로 (가정 그 작업의