我们如何访问在父 jsp 文件中以模态 window(使用 div)加载的子 jsp 文件的表单元素?
How do we access the form elements of a child jsp file which is loaded in a modal window (using div) in the parent jsp file?
<div id="openModal" class="modalDialog">
<div>
<a href="#close" title="Close" class="close">X</a>
<div id="contentindiv"></div>
</div>
</div>
我的父 jsp 文件中有上述 div,我正在使用 css 创建此 div 的模态 window 效果,当单击一个按钮。
我正在使用
在此div中加载一个新的jsp页面
$("#contentindiv").html('<object data= <sample.jsp>');
window.location.href="#openModal";
我的 sample.jsp 文件有一个 ID 为 tb1 的文本框,当用户输入模态 window 时,我想关闭模态 window 并将其反映在文本中id 为 tb2.
的主 jsp 文件上的框
我尝试使用 document.getElementById(tb2) 进行访问,但这似乎不起作用。
有什么建议吗?
我要么必须从父 jsp 访问子 jsp 元素,要么从子 jsp.
设置父 jsp 元素
你可以这样做:
$('#openModal').keydown(function(e) {
if(e.which == 13 || e.keyCode == 13) {
var text = $('#tb1').val();
$('.close').trigger('click');
$('#tb2').val(text);
}
});
<div id="openModal" class="modalDialog">
<div>
<a href="#close" title="Close" class="close">X</a>
<div id="contentindiv"></div>
</div>
</div>
我的父 jsp 文件中有上述 div,我正在使用 css 创建此 div 的模态 window 效果,当单击一个按钮。
我正在使用
在此div中加载一个新的jsp页面$("#contentindiv").html('<object data= <sample.jsp>');
window.location.href="#openModal";
我的 sample.jsp 文件有一个 ID 为 tb1 的文本框,当用户输入模态 window 时,我想关闭模态 window 并将其反映在文本中id 为 tb2.
的主 jsp 文件上的框我尝试使用 document.getElementById(tb2) 进行访问,但这似乎不起作用。
有什么建议吗?
我要么必须从父 jsp 访问子 jsp 元素,要么从子 jsp.
设置父 jsp 元素你可以这样做:
$('#openModal').keydown(function(e) {
if(e.which == 13 || e.keyCode == 13) {
var text = $('#tb1').val();
$('.close').trigger('click');
$('#tb2').val(text);
}
});