페이지에서 두 개의 폼을 분리하는 방법

Question

페이지에 두 개의 폼이 있지만 하나의 버튼을 클릭하면 다른 폼이 실행되고 >>> 두 페이지의 동일한 페이지 < < <이 열립니다. 페이지에서이 두 가지 이상의 양식의 기능을 분리하려면 어떻게해야합니까?

코드는 다음과 같습니다. 다른 양식은 다른 웹 주소로 동일한 코드를 갖습니다.

<form method="post"> 
      <input id="element 1_1" class="element radio1" name="element 1" type="radio" value="http://www.yahoo.com" /> 
    MODEL 13<br/> 
    <br/> 
    <input id="element 2_1" class="element radio1" name="element 1" type="radio" value="http://www.msn.com" /> 
    MODEL 17<br/><br/> 
    <input id="element 3_1" class="element radio1" name="element 1" type="radio" value="http://www.ebay.com" /> 
    MODEL 22 <br/><br/> 

<script> 
$(function() { 
    $("form").submit(function (e) { 
     e.preventDefault(); 
     var url = $(this).find('input[type="radio"]:checked').val(); 
     window.open(url); 

    }); 
}); 
</script></form> 

다른 코더

<form method="post"> 
       <input id="element 1_2" class="element radio" name="element 2" type="radio" value="http://www.123.com" /> 
    MODEL 5 - 8<br/> 
    <br/> 
    <input id="element 2_2" class="element radio" name="element 2" type="radio" value="http://www.543.com" /> 
    MODEL 6-10<br/> 
    <br/> 
<script> 
$(function() { 
    $("form").submit(function (e) { 
     e.preventDefault(); 
     var url = $(this).find('input[type="radio"]:checked').val(); 
     window.open(url); 

    }); 
}); 
</script></form> 

Answer 1

당신은 각 양식에 속성 id을 사용할 수 있습니다.

<form method="post" id="form1"> 
    ... 
</form> 

<form method="post" id="form2"> 
    ... 
</form> 

<script> 
$(function() { 
    $("#form1").submit(function(e) { 
    // function for form1 
    }); 
    $("#form2").submit(function(e) { 
    // function for form2 
    }); 
}); 
</script>