父窗口:a1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>a.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <script language="JavaScript"> function openWin(){ window.open("./a2.html","_blank","height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); } function setValues(id,name){ document.getElementById("cid").value = id; document.getElementById("cname").value = name; } </script> <body> <form name="form1" action="test.html" method="post" > 客户id: <input type="text" name="cid" value="" id="cid" ><br> 客户名称<input type="text" name="cname" value="" id="cname" > <input type="button" name="ok" value="请选择客户" onclick="openWin();"/> </form> </body> </html>
子窗口:a2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>a2.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <script language="JavaScript"> function viewData(id,name){ window.opener.setValues(id,name); window.opener = null; window.close(); } </script> <body> <table border="1"> <tr> <td>操作</td> <td>客户id</td> <td>客户名称</td> </tr> <tr> <td><input type="button" value="选择" id="ss" onclick="viewData('001','深圳华为')"></td> <td>001</td> <td>深圳华为</td> </tr> <tr> <td><input type="button" value="选择" onclick="viewData('002','用友软件')"> </td> <td>002</td> <td>用友软件</td> </tr> </table> </body> </html>