Question

就像这个例子：

aa.jsp（父母表格）

<head> 

    <script language="javascript" type="text/javascript" src="<%=basePath%>js/jquery-1.7.2.min.js"></script> 
    <script language="javascript" type="text/javascript" src="<%=basePath%>js/thickbox.js"></script> 

    <link rel="stylesheet" type="text/css" href="<%=basePath%>js/thickbox.css">

</head> 
<body> 

    <a href="bb.jsp?TB_iframe=true&placeValuesBeforeTB_=savedValues&height=400&width=170" title="input value" class="thickbox"> 
      <input type="text" name="txtA" id="txtA"/> 
    </a> 

</body>

我在头部使用了jquery和thickbox的js。并应用它们。单击“txt”文本框以打开子页面。

bb.jsp（子表格）：

<body> 
  <input type="text" name="txtB" id="txtB"> 
</body>

子页面中有一个文本框txtB。

如何在bb.jsp的textbox txtB中键入上下文，并将上下文传递给aa.jsp的父页面。然后将在父页面的文本框txtA中显示上下文。

Answer 1

我找到了一个解决方案，如下所示：导入thickBox的js

<script src="Upimg/jquery-1.1.3.1.pack.js" type="text/javascript"></script>  
<script src="Upimg/thickbox-compressed.js" type="text/javascript"></script>  
class ="thickbox"   Where you want to open the sub form, you can add//
<a href="bb.jsp?TB_iframe=true&amp;height=250&amp;width=400" title="add a caption to title attribute / or leave blank" class="thickbox">case 1</a>  
// write js in parent page, like:
function check(id){  
alert(id);  
}

打开bb.jsp页面时会调用该事件

<script type="text/javascript">  
function check()
{      
window.parent.check(1);  
}  
</script>  
<body>   
<input type="text" name="txtB" id="txtB" onclick="check();">   
</body>

如何使用jquery + thickbox打开SubForm，并将值传递给父窗体

1 个答案: