Home > Web Front-end > HTML Tutorial > jsp 嵌套iframe 从iframe中表单提交并传值到外层_html/css_WEB-ITnose

jsp 嵌套iframe 从iframe中表单提交并传值到外层_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:22:07
Original
1488 people have browsed it

今天因需求迭代 更改元来代码 遇到了这么个问题

就是想在 iframe中提交后进行整个页面的跳转 并把iframe中的值传到外层jsp

大概就是这个样子

外层 a.jsp

<div id="d"></div><iframe src="b.jsp" name="listresult" width="100%" height="100%" frameborder="0"></iframe>         
Copy after login

内层 b.jsp

<form action='....do' >    ...<br />  <input type='hidden' name='a' value='a'/>   <input type='submit' value='提交'/></form>
Copy after login

于是想当然的开始码代码

打算用js进行赋值 在b.jsp中 写个js

$('#d').val('<s:property value="a"/>');
Copy after login

虽然能获取到隐藏域的值 但 外层的值并没有传过去

结果失败

然后各种找 终于找到了一个可行的方法

思路就是在b.jsp中 js写个方法 调用 a.jsp中的js方法 然后实现跳转 再在a.jsp中进行赋值

好 上代码

b.jsp

window.parent.f1('<s:property value="a"/>');
Copy after login

a.jsp

function f1(value){        window.parent.document.getElementById('main').src = '....do?a='+value;}
Copy after login

 

 

----------------------------分隔线---------------------------------------

 

下面是网上找到了关于 window.parent的解释

 

好 收工

 

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template