javascript 之父子窗口交互动态增加option

最新推荐文章于 2021-07-19 18:00:14 发布

EthanQ

最新推荐文章于 2021-07-19 18:00:14 发布

阅读量967

点赞数

分类专栏： javascript 文章标签： javascript stylesheet button function html

本文链接：https://blog.csdn.net/EthanQ/article/details/7485317

版权

javascript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

子窗口：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function add() {
		var diploma = document.getElementById("name").value;
		
		window.opener.setValues(diploma);
		window.opener = null;
		window.close();
	}
</script>
</head>
<body>
	<input name="name" id="name">
	<input type="button" value="确定" οnclick="add();">
</body>
</html>

父窗口：

<!DOCTYPE html>
<html>
  <head>
    <title>open_select.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">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

	<script type="text/javascript">
		function openWin() {
			window.open("add.html",'_blank','height=200,width=400,status=yes,toolbar=no,menubar=no,location=no');
		}
		
		function setValues(diploma) {
			var option = document.createElement("option");
			var textNode = document.createTextNode(diploma);
			option.appendChild(textNode);
			
			var select = document.getElementById("diploma");
			select.appendChild(option);
		}
	</script>
  </head>
  
  <body>
	<select id="diploma" style="margin-right:8px">
		<option name="benke">本科</option>
	</select>
	<input type=button id="add" name="add" style="margin-left:10px" value="增加" οnclick="openWin();"/>
  </body>
</html>

在子窗口中调用父类窗口中的js 方法：

function add() {
		var diploma = document.getElementById("name").value;
		
		window.opener.setValues(diploma);
		window.opener = null;
		window.close();
	}

EthanQ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 之父子窗口交互动态增加option

子窗口：Insert title here function add() { var diploma = document.getElementById("name").value; window.opener.setValues(diploma); window.opener = null; window.close(); } 父窗口：
复制链接

扫一扫