본문 바로가기
Frontend

[JS] 팝업창에서 부모창으로 form submit

by unknownomad 2022. 3. 22.

팝업창에서 바로 submit 하면

팝업창 자체에서 target = "_self" 로 인식되어 submit 되어버림

 

팝업창에서 부모창으로 submit 하려면

target = "부모창" 으로 지정해줘야 함


JS

function fnSubmit() {
    const form = document.popForm;
    
    window.opener.name = "parentPage"; //부모창 이름 임의 설정
    form.target = "parentPage"; //타겟 = 부모창
    form.action = "/sample/parent.do"; //부모창으로 이동
    form.submit();
    self.close(); //팝업창 닫기
}

 

HTML

<form name="popForm" method="post">
    <input type="hidden" value="keyVal" name="keyName"/>
</form>
<input type="button" onclick="fnSubmit()" value="submitBtn"/>

댓글