JS弹出层传值的问题(多个请求)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS弹出层传值的问题(多个请求)相关的知识,希望对你有一定的参考价值。

单个的好结局,可是一个页面有四个文本框,都需要从弹出层获值(不同ID),该怎么实现啊,本人菜鸟,盼老师!

直接看代码:
在父窗口:
<input type="text" id="input1"/>
<input type="text" id="input2"/>
<input type="text" id="input3"/>
<input type="text" id="input4"/>
上边是你的四个窗口。你点击一个按钮触发弹框事件。比如aa()
function aa()
window.showModalDialog("new.jsp",window,"这儿写你的弹框的属性");


子窗口中,如果要将子窗口的值赋给父窗口,你也需要在子窗口触发一个js:
function bb()
var parWin = window.dialogArguments;//获得父窗口

parWin.document.getElementById("input1").value=这儿写子窗口要给父窗口赋予的值

//下边的自己写吧。都一样
window.close();//关闭就可以了

追问

如果子窗口需要从数据库调用数据该怎么做呢?

追答

你这个window.showModalDialog("new.jsp",window,",那个jsp不要页面,直接进你的action不就行了window.showModalDialog("new.action",window,",""),然后返回页面就行了

追问

我的需求是这样的

追答

你这个完全不需要弹出页面,你做一个div层,设置悬浮和隐藏,然后用jquery的局部刷新更新div内容。然后在设置div可见,设置div坐标就可以了。
设置悬浮就不跟你说了,你应该会,隐藏你也应该会。给你局部刷新
点击哪个触发函数:
$("#这儿写你的div的id").load("进action进行读取数据","key":"value","key1":"value1")花括号为传参。
在action里用printWrite将你要加载的内容写进去,比如:
PrintWrite out = response.getWrite();
out.print("搜索");等等,自己应该写过这个吧?然后设定div坐标。可以用callback函数
在load("action",参数,function()
document.getElementById("divid").style.left="200px";//自己设定值

document.getElementById("divid").style.top="200px";//自己设定值做好事相对坐标,相对于你点击按 钮的坐标
等等………………后边的坐标定位你应该会布局吧。

)
建议你上网搜一下load函数。以及多看例子。

追问

求联系方式,能加我Q么 ⒎⒋⒍⒋⒐⒌⒎

追答

5,4,1,5,2,2,7,8,8,

参考技术A 请描述具体些。

js漂亮的弹出层

1、漂亮的弹出层----artDialog

http://aui.github.io/artDialog/

 

2、弹出层 ------layer

http://sentsin.com/jquery/layer/

以上是关于JS弹出层传值的问题(多个请求)的主要内容,如果未能解决你的问题,请参考以下文章

如何获取用layer弹出层表单的数据

layer关闭弹出层时怎么向父窗口返回值

layui使用layer弹出层父子页面事件相互调用方法

layer弹出层如何在视频全屏显示?

如何获取用layer弹出层表单的数据

如何获取用layer弹出层表单的数据