js弹出窗口关闭时返回已选择参数的实现代码

发布时间:2020-11-07编辑:脚本学堂
本文介绍如何实现弹出窗口关闭时返回已选择参数的js代码,有需要的朋友,可以参考下。

在做弹出窗口时,经常需要刚弹出窗口后选择的信息返回到当前窗口中来,比如突出窗口显示的所有分类,把选择的分类信息返回到当时输入框中。
如何实现呢?只要在窗口弹出时加一段简单的代码即可。

具体参考下文给出的例子。

1、弹出窗口代码:
 

复制代码 代码示例:
<script laguage="javescript">
var url="classname.asp?classname=1";
var w=showModalDialog(url,window,"dialogWidth:350px;dialogHeight:230px;help:no;scroll:no;status:no;");//这里W就是返回所获得的值。
document.getElementById("").value=w;//把返回的值填写到输入框里。
</script>

2、html代码
 

复制代码 代码示例:
<input name="pp" type="text" id="pp">
<div id=1 title="选择品牌" onclick="classname('pp');"><img src="img050606/b.gif"/></div>
 


3、弹出窗口中的内容:
 

复制代码 代码示例:
<script laguage="javescript">
//edit www.jb200.com
function setvalue(setv){
 window.returnValue = setv;//返回的值
 window.close();
}
</script>
<div onClick="setvalue('分类1');">分类1</div>
<div onClick="setvalue('分类2');">分类2</div>
<div onClick="setvalue('分类3');">分类3</div>
<div onClick="setvalue('分类4');">分类4</div>
<div onClick="setvalue('分类5');">分类5</div>