■ Front-End ■/JavaScript
[JavaScript] 팝업(Popup)으로 폼(Form)값 넘기기
한길(One Way)
2023. 2. 28. 05:16
window.open()으로 호출하는 팝업(Popup)으로 폼(Form) 값 넘기는 예제이다. <form> 태그의 email 입력항목의 값이 "테스트" 버튼을 클릭할때 winpopup() 함수가 호출된다.
먼저 window.open()으로 팝업화면을 오픈하고 값을 넘기려는 폼의 target 값에 window.open()서 에 입력한 이름("pop")을 지정한다. 그러고 나서 submit()을 하게 되면 입력항목의 값을 팝업으로 넘겨줄 수가 있다. 생각보다 간단하다.
<html>
<script language="javascript">
function winpopup() {
window.open("popup_test.jsp", "pop", "width=500,height=300,scrollbars=no");
document.reg.target = "pop";
document.reg.action = "popup_test.jsp";
document.reg.submit();
}
</script>
<body>
<form name="reg" method="post">
<input type="text" name="email">
<input type="button" onclick="javascript:winpopup()" value="테스트">
</form>
</body>
</html>
728x90