버튼 폼 전송 질문입니다. 채택완료

웹프리죤 5년 전 조회 3,175

버튼이 submit 형태면 클릭을 하면 name 값과 value 값이 같이 전송이 되면서 주소표시줄에 찍히는데요.

아래처럼 버튼으로 만들어서 전송을 할 경우 클릭한 버튼의 name 값과 value 값 전달은 어떻게 해야 될까요?

</form>

</script>

#버튼 #폼

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

정렬:

채택된 답변

+20 포인트

명랑폐인

5년 전

frm_submit 폼의 다른 여러값과 동시에 전송할려면,

1. hidden 필드를 추가 합니다.

2. 버튼 클릭시 이벤트를 받아서 클릭한 버튼의 정보를 hidden 필드 값으로 설정합니다.

3. form submit 을 진행합니다.

코드는 아래와 같습니다.

</p>

<p><form id="btn_submit" method="POST">

  <div class="btn_wr">

      <input type="hidden" name="button_name" value=""/>

      <input type="hidden" name="button_value" value=""/></p>

<p>      <div>

          <input id="ud_submit1" type="button" name="act_type_button" value="가죽출고" class="btn_submit a" />

          <input id="ud_submit2" type="button" name="act_type_button" value="가죽입고" class="btn_submit b" />

          <input id="ud_submit3" type="button" name="act_type_button" value="가죽불량" class="btn_submit c" />

          <input id="ud_submit4" type="button" name="act_type_button" value="불량처분" class="btn_submit d" />

          <input id="ud_submit5" type="button" name="act_type_button" value="불량복구" class="btn_submit e" />

      </div>

  </div>

 

</form></p>

<p> </p>

<p><script></p>

<p>$(function() {

    $('.btn_submit').click(function(){

        var button_name = $(this).attr("name");

         var button_value = $(this).val();

         alert("button_name=" + button_name + ", button_value=" + button_value);

        $("input[name=button_name]").val(button_name);

        $("input[name=button_value]").val(button_value);

         $("#frm_submit").submit();

    });

});</p>

<p></script></p>

<p>

테스트는 여기서 해보세요.

https://jsfiddle.net/vr6qmjc2/1/">https://jsfiddle.net/vr6qmjc2/1/

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

�

웹프리죤

5년 전

감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

버튼 폼 전송 질문입니다. 채택완료

답변 1개

답변에 대한 댓글 1개

공유하기