> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 하위 양식 상위 양식 상호 가치 전달 방법_javascript 기술

JavaScript 하위 양식 상위 양식 상호 가치 전달 방법_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:25:59
원래의
1250명이 탐색했습니다.

Script House의 간소화된 버전은 일반적으로 많은 cms에 이러한 기능이 있습니다. Dedecms의 선택 관련 기사에서도 이러한 기능이 사용됩니다. 구체적인 코드는 아래와 같습니다.
상위 페이지 핵심 코드:

코드 복사 코드는 다음과 같습니다.

<script> <br>function SelectArcListA(fname){ <br>var posLeft = 10; <br>var posTop = 10>window.open("content_select_list.asp?f=" fname "&k=" form1 .keyword.value , "selArcList", "scrollbars=yes,ressible=yes,statebar=no,width=700,height=500,left=" posLeft ", top=" posTop) <br>}<br>&lt ;/script> <br><input name="lsel" type="button" id="lsel" class="nbt" style="width:150px" onChange="" value="게시된 문서에서 선택.. ." onClick="SelectArcListA('form1.xiangguanid');"> <br><br> </div>하위 페이지 핵심 코드:<br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="88310" class="copybut" id="copybut88310" onclick="doCopy('code88310')">코드 복사 <u> </u></a> 코드는 다음과 같습니다. </span></div> <div class="codebody" id="code88310"><SCRIPT 언어=javascript> <br>//선택한 파일의 파일 이름 가져오기<br>function getCheckboxItem( ) <br>{ <br> var allSel=""; <br>if(document.form2.arcID.value) return document.form2.arcID.value <br>for(i=0;i<document.form2; .arcID.length;i ) <BR>{ <BR>if(document.form2.arcID[i].checked) <BR>{ <BR>if(allSel=="") <BR>allSel = document.form2 .arcID[i].value; <BR>else <BR>allSel "," document.form2.arcID[i].value; <BR>} <BR>} <BR>return allSel; <BR>함수 selAll() <BR>{ <BR>for(i=0;i<document.form2.arcID.length;i ) <BR>{ <BR>if(!document.form2.arcID[i] .checked) <BR>{ <BR>document.form2.arcID[i].checked=true <BR>} <BR>} <BR>} <BR>function noSelAll() <BR>{ <BR> (i=0;i<document .form2.arcID.length;i ) <BR>{ <BR>if(document.form2.arcID[i].checked) <BR>{ <BR>document.form2.arcID[ i].checked=false; < <BR>} <BR>} <BR>} <BR>함수 ReturnValue() <BR>{ <BR>if(window.opener.document.form1.xiangguanid.value=="" ){ <BR>window.opener .document.form1.xiangguanid.value = getCheckboxItem(); <BR>} <BR>else{ <BR>window.opener.document.form1.xiangguanid.value = "," getCheckboxItem( ); <BR>} <BR>alert("선택한 ID가 성공적으로 추가되었습니다. 계속 추가할 수 있습니다.") <BR>//window.opener=true <BR>//window.close() ; <BR>}<BR><BR> <BR>다음은 HTML 코드입니다. <input type="checkbox" name="arcID" value="<%=rs("id") %>"> 선택한 아이디를 출력합니다</div> <br><br><div class="codetitle"><span>코드 복사<a style="CURSOR: pointer" data="66284" class="copybut" id="copybut66284" onclick="doCopy('code66284')"><u></u> 코드는 다음과 같습니다</a></span></div><A class=inputbutx <div class="codebody" id="code66284">href="javascript:selAll ()">모두 선택</A> <A class=inputbutx <BR>href="javascript:noSelAll()">취소< /A> <A class=inputbutx <BR>href=" javascript:ReturnValue()">선택한 값을 목록에 추가</A><br><br><br>다음은 보충입니다. //값을 전달하는 모달 양식<br><br>&lt ;!-- ====== 상위 양식, 이름을 parentform.html ==== --> <br><br><br><div class="codetitle"> <span>코드 복사<a style="CURSOR: pointer" data="5805" class="copybut" id="copybut5805" onclick="doCopy('code5805')"><u></u> 코드는 다음과 같습니다. </a></span> </div><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional //EN"> <div class="codebody" id="code5805"><HTML> <br> <HEAD> <br><title><title> /title> <br><META NAME="Generator" CONTENT="EditPlus"&gt ; <BR><META NAME="Author" CONTENT="jb 51.net"> "키워드" CONTENT=""> <br><META NAME="Description" CONTENT=""> <br><br><script 언어="javascript" type="text/javascript"> 🎜>function doInput() <br>{ <br>var win = window.showModalDialog("Childform.html",window,"dialogWidth=500px;dialogHeight=300px;center=yes;status=no") <br> if(win != null) <br>{ <br>document.getElementById("parentTextBox ").value = win <br>} <br>} <br></script> ;/head>
새 팝업 양식에 데이터를 입력하세요.



br/>
하위 양식을 표시하려면 여기를 클릭하세요.






< ; !-- ======= 하위 양식: childform.html 이름 ======= -->
코드 복사 코드는 다음과 같습니다.

>
팝업 창에 데이터를 입력하면 상위 양식--하위 양식으로 반환됩니다.<br><META NAME="Generator" CONTENT =" EditPlus"> <br><META NAME="작성자" CONTENT="qiujy"> <br><META NAME="키워드" CONTENT=""> 설명" CONTENT=""> <br><base target="_self"> <br><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <br><body topmargin="0" leftmargin="0" scroll="no" > <br></br> <br> <input type="text" id="childTextBox"/><br></br><br> <a href= "javascript :doPassToParent()">돌아가려면 여기를 클릭하세요. <br></BODY> <br></HTML><script 언어="javascript" type="text/javascript "> ; <br>document.getElementById("childTextBox").value = window.dialogArguments.document.getElementById("parentTextBox").value; <br>function doPassToParent() <br>{ <br>if(document. getElementById( "childTextBox").value.length <=0) <br>{ <br>alert("데이터를 입력하세요") <br>return; <br>} <br>window.returnValue = document .getElementById(" childTextBox").value; <br>window.close(); <br><br>} <br></script> <br><br> <br>// 상위 양식 패스 값 <br><br>1. 두 개의 새 페이지를 만듭니다. 하나는 Parent.html입니다.




코드를 복사합니다.

상위 양식





코드는 다음과 같습니다.


name="form1" method="post" action="">

🎜>

2. 하위 폼에서 실행되는 상위 폼의 setValue(m_strValue)를 통해 할당 작업을 수행합니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿