>  기사  >  웹 프론트엔드  >  두 form_javascript 기술 간의 Javascript 값 전송 구현 코드

두 form_javascript 기술 간의 Javascript 값 전송 구현 코드

WBOY
WBOY원래의
2016-05-16 18:45:44870검색

예를 들어, FatherPage.htm이라는 새로운 양식을 생성합니다:
XML-Code:

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






사실 하위 양식을 여는 동안 하위 양식의 요소에 값을 할당할 수도 있습니다. window.open 함수도 하위 양식에 대한 참조를 반환하기 때문입니다. 따라서 FatherPage.htm을 다음과 같이 수정할 수 있습니다.
XML 코드:



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




하위 양식이 비어 있으면 하나의 하위 양식만 열도록 제어할 수도 있습니다. 양식:
XML 코드:



코드 복사
코드는 다음과 같습니다. < script type="text/javascript"> var child
function OpenChildWindow()
{
if(!child )
child = window.open('ChildPage.htm');
child.document.getElementById('txtInput').value
=document.getElementById('txtInput').value
}





그것만으로는 충분하지 않습니다. 하위 폼을 닫을 때 상위 폼의 하위 변수도 지워야 합니다. 그렇지 않으면 하위 폼을 연 후 다시 열 수 없습니다. 닫힘:
XML 코드:



코드 복사
코드는 다음과 같습니다.
< ;input type="text" id="txtInput" />



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.