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

最新推荐文章于 2021-11-23 17:44:21 发布
最新推荐文章于 2021-11-23 17:44:21 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： JSP 文章标签： class javascript input exception table action
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yehell/article/details/1746914
版权

研究了一天终于写好了，还是网络资源丰富，总有高人指点！：）

父页：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" οnsubmit="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> 

yehell
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JSP中如何把一个页面的信息传递到另一个页面来
等待のL先森的博客
05-06 4889
JSP中如何把一个页面的信息传递到另一个页面来 前言:        在做项目的某些特定的情况下，我们需要把这个页面的数据传递到另外一个页面来，在到后端来进行操作；那又哪些方法来实现呢？哪个方法是最好的呢？ 方法: 方法一: location后面加值：        这可能是我们最容易想到到，也算是最简单的；只需要在我们超链接的地址后面在加上我们需要的值就行了；但是:这个再地址栏后面添
如何把子窗体中的 form 的值传回父窗体？
weixin_30491641的博客
04-20 129
如何把子窗体中的 form 的值传回父窗体？ 父页面：<HTML><HEAD><META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"><TITLE></TITLE></HEAD><BODY> &...
列表查询：子列表在父列表的索引
sun___shy的博客
07-14 475
查找列表a在列表b的索引 例如： a = [2,3,4,5,6,9] b = [2,3,9] 则返回 index_list = [0,1,5] 方法： index_dict = dict((value, idx) for idx,value in enumerate(a)) [index_dict[x] for x in b] out : [0, 1, 5]
window.open打开子页面，并选择回填的数据到父页面，替换了div弹出层的形式
09-15 2929
父窗口：father.html 父窗口 function opens(){ var obj = window; obj.name = "我是父窗口"; //子窗口获得的是这个 var openUrl = "sun.html";//弹出窗口的url var iWidth=800; //弹出窗口的宽度; var iHeight=400; //弹出窗口的高
Vue element-ui父组件控制子组件的表单校验操作
10-15
总的来说，Vue Element-UI的父组件控制子组件的表单校验操作主要是通过`ref`属性创建子组件引用，然后在父组件中调用子组件的校验方法来实现的。子组件则通过`el-form`和`el-form-item`的`prop`属性来设置验证规则，...
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
10-22
JavaScript中的`window.showModalDialog()`方法是一个非常实用的功能，它允许我们从父窗口弹出一个模态对话框，也就是子窗口，并在用户与子窗口交互后返回数据到父窗口。这个功能在创建复杂的用户交互场景时特别有用...
javascript学习笔记(十八) 获得页面中的元素代码
10-28
注意，`getElementById()`是区分大小写的，并且如果ID不存在，它将返回`null`。在旧版本的IE浏览器（IE8及以下），此方法也可以通过元素的`name`属性获取元素，但这是一个非标准的行为，不推荐使用。 2. `...
js动态获取子复选项并设计全选及提交的实现方法
10-22
在提交表单时，我们需要收集所有选中的子复选框的值，可以使用`querySelectorAll`或`getElementsByClassName`等方法，然后遍历这些复选框，将选中的值合并成一个字符串。 ```javascript function submitForm() { ...
HttpClient以及获取页面内容应用
01-22
压缩包中含有多个文档，从了解httpclient到应用。 httpClient 1httpClint 1.1简介 HttpClient是Apache Jakarta Common下的子项目，用来提供高效的、最新的、功能丰富的支持HTTP协议的客户端编程工具包，并且它支持...
elementui子组件表单对话框和父组件表格数据实战交互
qq_45163356的博客
11-23 1093
工作业务： 父组件表格显示，新增编辑按钮弹出子组件对话框进行数据操作
Jquery中如何将表单A的指定值放到表单B一起提交
10-22 3191
问题背景：     在一个页面list.vm中有以一个表单 formA；点击按钮后弹出一个弹出框，对应的页面为config.vm,     这个页面中含表单formB，点击保存提交后将formA的一个值，以及formB的一些值一起提交   问题：     怎么将界面上的内容拿过来呢？   解决方法：     1. 在jquery代码中先将formA的指定值拿到；在for
子页面传值到父页面
z19950712的博客
06-19 1090
父页面取值 function getInfo(a) { IPLAT.EFSelect.value($("#result-0-classification"), a.classification); //分类 $("#result-0-versionNumber").val(a.versionNumber);//版本号 $("#result-0-productionIid").val(a.iid);//安全生产制度id IPLAT.EFSelect.value($("#resu
Ajax实现子页面数据带到父页面
刀xiao面_加蛋
11-19 2633
原创，仅为自己
子页面模式对话框里的值怎么传到父页面
qq_38647207的博客
09-20 1252
两种方式： 1、关闭子窗口的时候将选择的值返回过去，然后在父窗口处理： 子窗口在点击"选择"按钮时， 显式将选择的值付给 window.returnValue（如: window.returnValue='肖锋'; ) 这样父窗口 var selectPerson = window.showModalDialog(url); 变量 selectPerson即会获得返回的值。然后再继续处理 需要注意...
react编辑页面表单数据回填
weixin_42588966的博客
04-22 3713
场景 点击某个商品的编辑按钮的时候， 进入编辑页面，父组件需要根据商品ID去异步回去商品详情，拿到后放入自己的state，然后传给子组件，子组件拿到数据后，放入自己的state，然后通过value属性来展示默认值。 componentWillReceiveProps 当子组件接受到父组件传过来的参数的时候会触发，除了第一次子组件mounted的时候不执行，每次父组件重新渲染，即使传给子组件的pro...
子组件的表单值传给父组件
最新发布
05-17
在React中，子组件向父组件传递数据通常需要使用回调...在父组件中，`handleFormChange` 方法接收到子组件传递的值，并更新 `formValue` 的状态。最终，`ParentComponent` 中的 `render` 方法中会渲染出当前表单值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值