父子页面传值问题！
父页面中文本框旁有个按钮，点击后调到子页面，子页面中有数据（连接形式）点击后调回父页面，同时将链接数据舔到父页面相应文本框！这个怎么用js实现！要有代码最好！谢谢...
父页面中文本框旁有个按钮，点击后调到子页面，子页面中有数据（连接形式）点击后调回父页面，同时将链接数据舔到父页面相应文本框！这个怎么用js实现！要有代码最好！谢谢
展开
3个回答
展开全部
给个例子，自己参考
父页面
<html>
<head>
<title>无标题页</title>
<script language="javascript" type="text/javascript">
function opendialog1()
{
var someValue=window.showModalDialog("b.html","","dialogWidth=500px;dialogHeight=500px;status=no;help=no;scrollbars=no");
document.form1.p1t.value=someValue;
}
</script>
</head>
<body>
<form name="form1" action="#">
<input type="text" name="p1t">
<input type="button" value="打开对话框" onclick="opendialog1()">
</form>
</body>
</html>
子页面
<html>
<head>
<title>无标题页</title>
<script language="javascript" type="text/javascript">
function a(wname)
{
parent.window.returnValue=wname; //父窗口就是上一个页面
window.close();
}
</script>
</head>
<body>
<form name="form1" action="">
<input type="button" value="传值" onclick="return a('hello')">
</form>
</body>
</html>
父页面
<html>
<head>
<title>无标题页</title>
<script language="javascript" type="text/javascript">
function opendialog1()
{
var someValue=window.showModalDialog("b.html","","dialogWidth=500px;dialogHeight=500px;status=no;help=no;scrollbars=no");
document.form1.p1t.value=someValue;
}
</script>
</head>
<body>
<form name="form1" action="#">
<input type="text" name="p1t">
<input type="button" value="打开对话框" onclick="opendialog1()">
</form>
</body>
</html>
子页面
<html>
<head>
<title>无标题页</title>
<script language="javascript" type="text/javascript">
function a(wname)
{
parent.window.returnValue=wname; //父窗口就是上一个页面
window.close();
}
</script>
</head>
<body>
<form name="form1" action="">
<input type="button" value="传值" onclick="return a('hello')">
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<HTML>
<HEAD>
<TITLE> 父页面 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function method(){
window.open("2.html"); //子页面名称为2.html
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" >
<INPUT TYPE="text" NAME="" id="text1"><br>
</FORM>
<INPUT TYPE="button" value="跳转" onclick="method()">
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> 子页面 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function getValue(str){
window.opener.document.getElementById("text1").value=str;
window.close();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<A href="" onclick="getValue('超联接1')">超联接1</A>
<A href="" onclick="getValue('超联接2')">超联接2</A>
<A href="" onclick="getValue('超联接3')">超联接3</A>
<A href="" onclick="getValue('超联接4')">超联接4</A>
</BODY>
</HTML>
<HEAD>
<TITLE> 父页面 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function method(){
window.open("2.html"); //子页面名称为2.html
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" >
<INPUT TYPE="text" NAME="" id="text1"><br>
</FORM>
<INPUT TYPE="button" value="跳转" onclick="method()">
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> 子页面 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function getValue(str){
window.opener.document.getElementById("text1").value=str;
window.close();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<A href="" onclick="getValue('超联接1')">超联接1</A>
<A href="" onclick="getValue('超联接2')">超联接2</A>
<A href="" onclick="getValue('超联接3')">超联接3</A>
<A href="" onclick="getValue('超联接4')">超联接4</A>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
北大青鸟
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
