js 点击按钮弹出另一页，选择值后，返回到当前页
更新时间：2010年05月26日 21:56:01 作者：
js 点击按钮弹出另一页，选择值后，返回到当前页，其实主要用于cms系统中，相关文章的搜索，要在已上传目录中选择一些图片等。
1。 效果图：
2。 主页面的代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function open_windows_and_get_selectedinfo(openwindow, control, control2) {
var str = window.showModalDialog(openwindow, window, "dialogWidth=740px;dialogHeight=600px;center=yes;help=no;resizable=no;status=no");
if (!str)
return;
document.getElementById(control).value = str[0];
document.getElementById(control2).value = str[1];
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="autosuggest" style="width:160px;font-size:12px;"><ul></ul></div>
<div>
<input id="txtActive" runat="server" readonly="readonly" />
<input type="button" id="selectActive" runat="server" onclick="javascript:open_windows_and_get_selectedinfo('TestEdt.aspx','hfActive','txtActive')" value="..." />
<asp:HiddenField ID="hfActive" runat="server" />
</div>
</form>
</body>
</html>
3。 弹出页面的代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<base target="_self">
<head runat="server">
<title></title>
<script type="text/javascript" language="javascript">
function dbclick_return_and_close(strid, strvalue) {
alert("执行该方法！");
var str = new Array(strid, strvalue);
window.returnValue = str;
window.close();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="#" onclick="javascript:dbclick_return_and_close( '1', 'aaaaaaa');">点击这一行，带值返回到原页面</a>
</div>
</form>
</body>
</html>
2。 主页面的代码：
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function open_windows_and_get_selectedinfo(openwindow, control, control2) {
var str = window.showModalDialog(openwindow, window, "dialogWidth=740px;dialogHeight=600px;center=yes;help=no;resizable=no;status=no");
if (!str)
return;
document.getElementById(control).value = str[0];
document.getElementById(control2).value = str[1];
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="autosuggest" style="width:160px;font-size:12px;"><ul></ul></div>
<div>
<input id="txtActive" runat="server" readonly="readonly" />
<input type="button" id="selectActive" runat="server" onclick="javascript:open_windows_and_get_selectedinfo('TestEdt.aspx','hfActive','txtActive')" value="..." />
<asp:HiddenField ID="hfActive" runat="server" />
</div>
</form>
</body>
</html>
3。 弹出页面的代码：
复制代码 代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<base target="_self">
<head runat="server">
<title></title>
<script type="text/javascript" language="javascript">
function dbclick_return_and_close(strid, strvalue) {
alert("执行该方法！");
var str = new Array(strid, strvalue);
window.returnValue = str;
window.close();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="#" onclick="javascript:dbclick_return_and_close( '1', 'aaaaaaa');">点击这一行，带值返回到原页面</a>
</div>
</form>
</body>
</html>
相关文章
用瀑布流来展现照片再好不过了,我的思路大概是一张一张的图片插入，当这一行的图片保持长宽比例不变并且高度低于250时就完成一个了循环，即这一行插入进去了2013-04-04
这篇文章主要介绍了BootStrap注意事项小结（五）表单的相关资料，非常不错，具有参考借鉴价值，,需要的朋友可以参考下2017-03-03
这篇文章主要介绍了JavaScript几种常见循环遍历使用和区别,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-09-09
这篇文章主要介绍了js实现适用于素材网站的黑色多级菜单导航条效果,涉及javascript鼠标事件及页面元素样式的动态切换技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要为大家介绍了JavaScript闭包，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
有时候我们只需要打印部分内容，因为现在的页面中广告和一些相关内容很多，所有用下面的方法，就可以了2008-11-11
js控制fieldset高度的代码...2007-11-11
尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了，但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。2009-05-05
这篇文章主要为大家详细介绍了js实现从右往左匀速显示图片，无缝轮播，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
ES6在语言标准的层面上实现了模块功能,而且实现的相当简单,完全可以取代CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案,下面这篇文章主要给大家介绍了关于ES6模块导入和导出的方法,需要的朋友可以参考下2022-07-07
最新评论