`

实现将子页的表单值返回到父页的表单中

JSP 
阅读更多
父页:send_message.jsp

<script language=javascript type="">
//open win
function g_OpenWindow(pageURL, innerWidth, innerHeight)
{
var ScreenWidth=screen.availWidth
var ScreenHeight=screen.availHeight
var StartX=(ScreenWidth-innerWidth)/2
var StartY=(ScreenHeight-innerHeight)/2
var wins=window.open(pageURL,'OpenWin','left='+StartX+',top='+StartY+',Width='+innerWidth+',height='+innerHeight+',resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no')
wins.focus();
}
</script>

<body>
<table width=90% cellpadding="1" cellspacing="1" align="center">
<tr><td colspan=4 align="left" class="td1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font color="#2E75BB"><b>NCSB站内邮件系统</b></font><p></td></tr>
</table>
<form action="send.jsp" name="mail" id="mail">
<table width="80%" cellpadding="1" cellspacing="5" align="center" >
<tr><td colspan="2"><img alt="写新邮件" src="../img/tp009.gif" />&nbsp;<font color="blue">写新邮件</font></td>
</tr>
<tr><td colspan="2"><hr size="1" width="82%" align="left"/></td>
</tr>
<tr><td>收件人:</td><td><input name="receive" id="receive" type="text" size="10" readonly="readonly"/>&nbsp;&nbsp;<input type="button" name="selectcaizhi" value="收件人列表" onClick="g_OpenWindow('list.jsp','680','400')" class="submit"></td>
</tr>
<tr><td>主题:</td><td><input name="title" type="text" size="10"/></td>
</tr>
<tr><td>内容:</td><td><textarea cols="61" rows="10"></textarea></td>
</tr>
<tr align="center"><td colspan="2"><br /><input type=reset align="middle" value=" 重 设 " class="submit" size="10">&nbsp;&nbsp;&nbsp;&nbsp;
<input type=submit value=" 发 送 " size="10" align="middle" name="" class="submit"></td>
</tr>
</table>
</form>
</body>

子页:list.jsp

如果返回checkbox的值为单一值则直接赋给父表单,如果为多值则以“,”间隔联结成为字符串赋值!

<script language=javascript type="">
function Select(){
var addstr = "";
var chb = document.getElementsByName("receiver");
for(i=0;i<chb.length;i++)
{
if(chb[i].checked)
{
if(i==0)
{
addstr = chb[i].value;
}
else
{
addstr += "," + chb[i].value
}
}
}
window.opener.document.getElementById("receive").value =addstr;
self.close();
}
</script>

<body>
<form action="#" method="POST" name="s_form" id="s_form" onsubmit="return Select();">
<table align="center">
<tr><td colspan="5"><font color="blue"><b>NCSB系统用户列表</b></font></td>
</tr>
<%
Connection con=null;
try{
con=DBConnection.getConnection();
PreparedStatement pStmt=con.prepareStatement("select * from users order by department");
ResultSet rs=pStmt.executeQuery();
int a=0;
while(rs.next()){//每5条记录为一行显示
if(a==0){%><tr><td><input type="checkbox" id="receiver" value="<%=rs.getString("username").trim()%>" name="receiver"/><%=rs.getString("realname")%>(<%=rs.getString("department")%>)</td>
<%a++;}else if(a>0&&a<4){%><td><input type="checkbox" id="receiver" value="<%=rs.getString("username").trim()%>" name="receiver"/><%=rs.getString("realname")%>(<%=rs.getString("department")%>)</td>
<%a++;}else{%><td><input type="checkbox" id="receiver" value="<%=rs.getString("username").trim()%>" name="receiver"/><%=rs.getString("realname")%>(<%=rs.getString("department")%>)</td></tr>
<%a=0;}%>
<%}
con.close();
rs.close();
}catch(Exception e){
e.printStackTrace();
}
%>
<tr align="right"><td colspan="5">
<input type=reset align="middle" value="重设" class="submit" size="10">&nbsp;&nbsp;
<input type=submit value="确定" size="10" align="middle" name="" class="submit""></td>
</tr>
</table>
</form>
</body>

转自:http://www.dwww.cn/News/2007-8/20078201623205391.shtml

分享到:
评论

相关推荐

    Layui实现父子页面之间值传递.zip

    本教程将深入讲解如何使用 `Layui` 实现父子页面之间的值传递。 首先,我们需要了解 `Layui` 的基本用法。`Layui` 提供了一个基于 `JavaScript` 的模块化机制,通过 `layui.use()` 方法加载需要的模块,如 `layui....

    Android父Activity获取子Activity返回信息demo

    下面将详细介绍如何在Android中实现父Activity获取子Activity返回的信息。 首先,我们创建一个子Activity。在这个子Activity中,用户可能会进行一些交互,例如选择数据、填写表单等。完成这些操作后,子Activity...

    子窗口向父窗口传递值

    在JavaScript编程中,窗口间的通信是一个常见的需求,特别是在构建交互丰富的Web应用时。...在实际开发中,这种技术常用于表单验证、数据预览等场景,确保用户在子窗口中的操作能够影响到父窗口的状态。

    Vue element-ui父组件控制子组件的表单校验操作

    总的来说,Vue Element-UI的父组件控制子组件的表单校验操作主要是通过`ref`属性创建子组件引用,然后在父组件中调用子组件的校验方法来实现的。子组件则通过`el-form`和`el-form-item`的`prop`属性来设置验证规则,...

    子窗口与父窗口刷新

    在Java Web开发中,"子窗口与父窗口刷新"是一个常见的交互场景,特别是在构建多层级界面或模态对话框时。这里的"子窗口"通常指的是弹出的窗口、框架或者iframe,而"父窗口"则是打开子窗口的那个主页面。在这样的场景...

    js(javascript)子窗口和父窗口交互

    其中,“返回”按钮的作用是将子窗口中的输入值传递给父窗口的输入框;“关闭”按钮则是彻底断开与父窗口的联系后关闭子窗口;而“刷新”按钮则用于刷新父窗口的内容。 #### 二、通过 `window.showModalDialog()` ...

    利用模态对话框实现父窗体、子窗体间传值

    本话题将详细探讨如何利用模态对话框来实现在父窗体和子窗体之间传递数据,以及涉及到的客户端和服务器端技术。 首先,`showModalDialog` 是一个在浏览器环境中(主要是Internet Explorer)用于打开一个新的窗口或...

    JavaScript实现弹出子窗口并传值给父窗口

    在父窗口的`ShowDialog`函数中,通过`window.showModalDialog`的返回值,我们可以获取到子窗口设置的`window.returnValue`,并将该值赋给父窗口的一个元素,例如这里的`TextBox1`。 接下来,我们看子窗口的`second....

    js+html写的实现表格的动态增删改查和表单验证

    本文将深入探讨如何使用这两者来实现表格的动态增删改查以及表单验证,这对于前端开发人员来说是必备技能。 首先,HTML(HyperText Markup Language)是网页内容的基础结构,而JavaScript则负责赋予这些内容动态...

    4d-tips-form-in-subform:从子表单数据源变量引用父表单Form对象的示例

    `Current form`返回当前正在处理的表单对象,而`Current subform`则返回当前活动的子表单对象。通过这些对象,你可以调用父表单的方法,比如执行一个特定的菜单命令,或者改变父表单的某些状态。 例如,假设你有一...

    JavaScript 弹出子窗体并返回结果到父窗体的实现代码

    JavaScript中的`window.showModalDialog()`方法是一个非常实用的功能,它允许我们从父窗口弹出一个模态对话框,也就是子窗口,并在用户与子窗口交互后返回数据到父窗口。这个功能在创建复杂的用户交互场景时特别有用...

    javascript 弹出的窗口返回值给父窗口具体实现

    子窗口的 `selectValues` 函数通过处理表单中的复选框(checkbox)来获取用户的选择。它使用 `document.getElementsByName` 方法获取所有名为 "temp" 的表单元素,然后遍历这些元素,将选中的项的值拼接成一个字符串...

    JavaScript实际应用子窗口和父窗口

    这通常发生在用户在子窗口中完成了某些操作(如选择了一个选项或填写了表单),并希望将这些数据返回给父窗口。 ##### 代码示例 ```html function outPut() { var text = document.abc.text.value; var win = ...

    jQuery tab选项卡制作手机邮箱注册表单页面代码.zip

    - 使用事件委托降低内存占用,比如将事件绑定到父元素而不是每个子元素。 综上所述,这个项目展示了如何结合jQuery、HTML、CSS和JavaScript技术来创建一个适应移动设备的邮箱注册表单,其中涉及到选项卡切换、表单...

    layer父页获取弹出层输入框里面的值方法

    文章中提到,开发者需要在弹出层中获取用户输入的数据,并将其返回父页面以进行进一步处理。为了实现这一点,父页面中嵌入了隐藏的表单控件,用于存储从弹出层传回的数据。 知识点三:iframe的使用 在文章示例代码...

    asp获取子窗体返回值

    3. **子窗口关闭时返回值**:在子窗口处理完数据并准备关闭时,可以通过`window.opener`属性访问父窗口,并设置一个值,表示子窗口的返回结果。例如: ```javascript window.opener.someVariable = "子窗口的...

    javascript获取网页中指定节点的父节点、子节点的方法小结.docx

    - **定义**: 获取指定父节点的所有子节点中类型为指定值的子节点数组。 - **特点**: 与 `document.getElementsByTagName()` 类似,但仅限于指定父节点下的子节点。 - **示例代码**: ```javascript const ...

    【JavaScript源代码】vue使用v-model进行跨组件绑定的基本实现方法.docx

    4. 子组件使用 `watch` 监听 `props` 值的变化,同时当局部数据变化时,通过 `$emit` 触发 `input` 事件,将新值返回给父组件。 这种机制使得父子组件间的数据通信变得简单直观,尤其适用于构建可复用的表单组件。...

    javascript 子窗体父窗体相互传值方法

    在上述代码示例中,子窗体的`ReturnValue`函数通过`window.opener.document.form1.xiangguanid.value`来获取父窗体中表单元素的值,并进行数据更新: ```javascript functionReturnValue(){ if(window.opener....

Global site tag (gtag.js) - Google Analytics