怎么实现a页面用window.open()打开b页面,取得b页面的值后用javascript传给A页面表格的cell里?
日期：2014-05-18 浏览次数：20443 次
如何实现a页面用window.open()打开b页面,取得b页面的值后用javascript传给A页面表格的cell里???
a页面有一个table 可以添加删除行(已经实现),table的cell里是 <input name="mail" value=""></input>这样的表单元件.
现在要求 在没行后面点超级连接用 javascript打开b页面,从b选定值,填入A中表格的cell里<input>的value里面
,请问如何实现????????
实际的运用比如,输入报价单明细产品的时候,一个报价单可以有不固定条数的产品,着时候可以增加或删除行, 想实现输入产品信息(如型号等),通过打开新页面b查询来选取,然后传回a页面对应表格行中的form元件的value里
------解决方案--------------------
起始可以比用这样的，应该。
在<dt onclick=“跳出div”></dt>
在div上输入你要的数据，然后，存放到input中去。
javascript可以实现
------解决方案--------------------
你可以在b页面加一个“写回”按钮。
执行如以下JS
var telno = document.getElementById("teltb").value; //取b页面选定的值
window.opener.document.theForm.ehomePhone.value=telno; //赋值到A页面对应控件name为ehomePhone
然后window.close();即可
------解决方案--------------------
在b页面的点击事件里执行，window.opener.doSomething(data); 传data进去。。。
------解决方案--------------------
parent.htm：
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<BODY>
<STYLE>
BODY{font-size:12px}
table{border:1px solid black; font-size:12px};
th{border-bottom:1px solid black;border-left:1px solid black; height:23px; background-color:#999999};
td{border-bottom:1px solid black;border-left:1px solid black; height:23px;};
</STYLE>
<TABLE id="pTable" width="50%" border="0" cellspacing="0" cellpadding="0">
<TR>
<TH>按钮列</H>
<TH>姓名</TH>
<TH>年龄</TH>
<TH>性别</TH>
<TH>其它</H>
</TR>
</TABLE>
<P>
<INPUT type="button" value="openWin" onClick="openW()" style="border:1px solid black ">
<SCRIPT language="javascript">
function openW()
{
window.open("child.htm");
}
</SCRIPT>
</BODY>
child.htm：
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<BODY>
<STYLE>
BODY{font-size:12px}
table{border:1px solid black; font-size:12px};
th{border-bottom:1px solid black;border-left:1px solid black; height:23px; background-color:#999999};
td{border-bottom:1px solid black;border-left:1px solid black; height:23px;};
</STYLE>
<TABLE width="50%" id="cTable" border="0" cellspacing="0" cellpadding="0">
<TR>
<TH width="25"></TH>
<TH>姓名</TH>
<TH>年龄</TH>
<TH>性别</TH>
</TR>
<TR>
<TD><INPUT type="checkbox" name="person"></TD>
<TD>张三</TD>
<TD>23</TD>
<TD>男</TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="person"></TD>
<TD>李四</TD>
<TD>25</TD>
<TD>女</TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="person"></TD>
a页面有一个table 可以添加删除行(已经实现),table的cell里是 <input name="mail" value=""></input>这样的表单元件.
现在要求 在没行后面点超级连接用 javascript打开b页面,从b选定值,填入A中表格的cell里<input>的value里面
,请问如何实现????????
实际的运用比如,输入报价单明细产品的时候,一个报价单可以有不固定条数的产品,着时候可以增加或删除行, 想实现输入产品信息(如型号等),通过打开新页面b查询来选取,然后传回a页面对应表格行中的form元件的value里
------解决方案--------------------
起始可以比用这样的，应该。
在<dt onclick=“跳出div”></dt>
在div上输入你要的数据，然后，存放到input中去。
javascript可以实现
------解决方案--------------------
你可以在b页面加一个“写回”按钮。
执行如以下JS
var telno = document.getElementById("teltb").value; //取b页面选定的值
window.opener.document.theForm.ehomePhone.value=telno; //赋值到A页面对应控件name为ehomePhone
然后window.close();即可
------解决方案--------------------
在b页面的点击事件里执行，window.opener.doSomething(data); 传data进去。。。
------解决方案--------------------
parent.htm：
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<BODY>
<STYLE>
BODY{font-size:12px}
table{border:1px solid black; font-size:12px};
th{border-bottom:1px solid black;border-left:1px solid black; height:23px; background-color:#999999};
td{border-bottom:1px solid black;border-left:1px solid black; height:23px;};
</STYLE>
<TABLE id="pTable" width="50%" border="0" cellspacing="0" cellpadding="0">
<TR>
<TH>按钮列</H>
<TH>姓名</TH>
<TH>年龄</TH>
<TH>性别</TH>
<TH>其它</H>
</TR>
</TABLE>
<P>
<INPUT type="button" value="openWin" onClick="openW()" style="border:1px solid black ">
<SCRIPT language="javascript">
function openW()
{
window.open("child.htm");
}
</SCRIPT>
</BODY>
child.htm：
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<BODY>
<STYLE>
BODY{font-size:12px}
table{border:1px solid black; font-size:12px};
th{border-bottom:1px solid black;border-left:1px solid black; height:23px; background-color:#999999};
td{border-bottom:1px solid black;border-left:1px solid black; height:23px;};
</STYLE>
<TABLE width="50%" id="cTable" border="0" cellspacing="0" cellpadding="0">
<TR>
<TH width="25"></TH>
<TH>姓名</TH>
<TH>年龄</TH>
<TH>性别</TH>
</TR>
<TR>
<TD><INPUT type="checkbox" name="person"></TD>
<TD>张三</TD>
<TD>23</TD>
<TD>男</TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="person"></TD>
<TD>李四</TD>
<TD>25</TD>
<TD>女</TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="person"></TD>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
