버튼 click 이벤트 발생시 동적으로 input 값 생성하여 submit

 

:
생략
<form>   
<button type="button" class="btn btn-primary" id="listBtn"> list</button>
<div id="dynamic">
</form>

<script>

$('#listBtn').click(function(){
   
   var str = "";
   var page = "1";
   var size = "4";
   str += '<input type="hidden" name="page" value=page>';
   str += '<input type="hidden" name="size" value=size>';
   $('#dynamic').html(str);
   
   actionForm.attr("action", "/review/list").attr("method", "post");
   actionForm.submit();

            })

</script>


생략
:

id가 listBtn인 버튼을 클릭하면

dynamic 영역에 input 태그를 생성하고 submit 하므로 page, size의 값이 전달 가능하다..

매우유용..