功能描述:js点击选择跳出新页面,有香蕉,苹果,葡萄三种水果可选,点击一种水果后,将水果名称填入表格,然后自动关闭新页面
主要问题:点击水果无法填入表格也无法自动关闭弹出的新页面(之前可以实现,现在实现不了)
主页面:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script language="JavaScript">
function openwindow() {
window.open("xuanzhe.html","","width=400,height=400,top=100,left=200,toolbar=no,scrollbars=yes, resizable=yes,location=no,menubar=no");
}
</script>
</head>
<body>
<table width="353" border="0">
<tr>
<td>喜欢的水果</td>
<td><input type="text" id="xuan"/>
<INPUT type="button" name="regButton" value=" 选择 " onClick="openwindow()"></td>
</tr>
</table>
</body>
</html>
弹出的页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
function choose(obj)
{
//对子窗口本身操作,使用self对象,对父窗口操作使用opener对象,这是关键
var parent=window.opener.document.getElementById("xuan");
parent.value=obj.innerHTML;
self.close();
window.opener.focus();
}
</script>
</head>
<body>
<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" onclick="choose(this)">香蕉</a></td>
</tr>
<tr>
<td><a href="#" onclick="choose(this)">苹果</a></td>
</tr>
<tr>
<td><a href="#" onclick="choose(this)">葡萄</a></td>
</tr>
</table>
</body>
</html>