弹出式数据选择器(JavaScript)

最新推荐文章于 2023-05-31 16:59:42 发布

jhonsonaz

最新推荐文章于 2023-05-31 16:59:42 发布

阅读量1.3k

点赞数

分类专栏：代码文章标签： javascript function input html

本文链接：https://blog.csdn.net/jhonsonaz/article/details/381974

版权

代码专栏收录该内容

8 篇文章 0 订阅

订阅专栏

分两个页，一个是初始页pick.htm，另一个是弹出页pick-new.htm

pick.htm的代码：

<html>
<head>
<title>tttitle</title>
<script language="javascript">
function pickdata(src)
{
window.open("pick-new.htm?src=ttt","_blank",
"height=60,width=250,left=150,top=150,location=yes,"+
"menubar=no,titlebar=no,toolbar=no,resizable=no,scrollbars=yes"
);
}
</script>
</head>
<body>
弹出式数据选择器 
<p>
<input name="txtdata" value="">
<a href="javascript:pickdata('txtdata');">
Selecter</a>
</body>
</html>

pick-new.htm的代码：

<html>
<head>
<title>new</title>
<script language="javascript">
function getdata(src)
{
var tsrc=datav.value
window.opener.document.all("txtdata").value=tsrc;
window.close();
}
</script>
</head>
<body bgcolor="#ff0000">
value=<input name="datav" value=""></input>
<a href="javascript:getdata();">select</a>
</body>
</html>