在当前页面选中打开新页面传值回到前页面

最新推荐文章于 2024-02-22 23:51:20 发布

qq_41330414

最新推荐文章于 2024-02-22 23:51:20 发布

阅读量1k

点赞数

本文提供了一个简单的HTML页面示例，展示了如何使用JavaScript进行页面元素的动态操作及窗口之间的数据传递。通过两个子窗口的选择与返回功能实现数据的双向交流。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

测试页面：
<html>
<head>
<title>测试</title>
<script>
function selectWin(index)
{
   if(index==1)
   {
      window.open("1.html");
   }
   else
   {
     window.open("2.html");
   }
}
</script>
</head>
<form name="myform">
<table>
<tr>
<td>选择</td>
<TD>
<INPUT type="checkbox" name="chk" value="1" onclick="selectWin(this.value)">选择一
<INPUT type="checkbox" name="chk" value="2" onclick="selectWin(this.value)">选择二
</TD>
<tr>
<tr>
<td>
<input type="text" name="txt1">
<input type="text" name="txt2">
</td></tr>
</table>
</form>
</html>

1.html
<html>
<head>
<title>测试</title>
<script>
function returnVal(index)
{
window.opener.document.forms[0].txt1.value=index;
window.close();

}
</script>
</head>
<form name="myform">
<table>
<td>
<input type="text" name="txt1">
<input type="button" value="返回" onClick="returnVal(document.forms[0].txt1.value);">
</td></tr>
</table>
</form>
</html>

2.html：

<html>
<head>
<title>测试</title>
<script>
function returnVal(index)
{
window.opener.document.forms[0].txt2.value=index;
window.close();
}
</script>
</head>
<form name="myform">
<table>
<td>
<input type="text" name="txt1">
<input type="button" value="返回" onClick="returnVal(document.forms[0].txt1.value);">
</td></tr>
</table>
</form>
</html>