3초기억력

멀티 form 을 iframe 으로 submit 하는 방법 본문

코딩_jquery

멀티 form 을 iframe 으로 submit 하는 방법

잠수콩 2016. 4. 21. 09:57



제목 : 멀티 form 을 iframe 으로 submit 하는 방법




소스 :


<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

 </head>

 <body>

 <iframe src="iframe.asp" name="hiddenZone1"></iframe>

 <iframe src="iframe.asp" name="hiddenZone2"></iframe>

 <iframe src="iframe.asp" name="hiddenZone3"></iframe>



<input type="checkbox" name="c_guid" value="1"/>

<input type="checkbox" name="c_guid" value="2"/>

<input type="checkbox" name="c_guid" value="3"/>



  <form name="Frm_1">

<input type="text" name="mode" />

<input type="text" name="tt" value="t1" />

  </form>

  <form name="Frm_2">

<input type="text" name="mode" />

<input type="text" name="tt" value="t2" />

  </form>

  <form name="Frm_3">

<input type="text" name="mode" />

<input type="text" name="tt" value="t3" />

  </form>



<input type="button" value="전송" onclick="fnForm();" />

<script type="text/javascript">

function fnForm(){


$( "input:checkbox[name='c_guid']").each(function(index){


if ($("input:checkbox[name='c_guid']").eq(index).is(":checked")){


f_name=$("input:checkbox[name='c_guid']").eq(index).val();


f=eval("document.Frm_"+f_name);

f.mode.value = "ADD";

f.target = "hiddenZone"+f_name;

f.action = "iframe.asp";

f.submit();


}



 });


}

</script>

 </body>

</html>







내용 :


멀티 form 을 iframe 으로 submit 하는 방법.


target 명을 여러개로 보내는게 확실하다.


왜 그런지는 잘 모름 ㅜㅜ






예제 소스 파일 :

test.asp


 출처 :  나




Comments