javascript笔记2017/8/21-跳转到子页,输入信息,返回到父页

来源:互联网 发布:女命七杀格 知乎 编辑:程序博客网 时间:2024/06/03 15:25

1.father.html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script language="JavaScript">
function tiaozhuan(thisurl){
window.open(thisurl);
}
</script>
</head>
<body>
<form name="formFather">
<input type="button" name="按钮" value="请选择一个城市" onclick="tiaozhuan('son.html')">
<input type="text" name="cityText">
</form>
</body>
</html>


2.son.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script language="JavaScript">
function fanhui(){
var city = formSon.xuanze.value;
var doc = window.opener.document;
doc.formFather.cityText.value = city;
window.close();
}
</script>
</head>
<body>
<form action="" method="post" name="formSon">
<select name="xuanze">
<option value="请选择一个城市">==请选择一个城市==</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广州">广州</option>
<option value="深圳">深圳</option>
</select>
<input type="button" value="返回" onclick="fanhui()">
</form>
</body>
</html>

原创粉丝点击