（工作笔记）实现网页从弹窗页面单选框传值至父页面

最新推荐文章于 2024-07-10 21:37:49 发布

weixin_34247299

最新推荐文章于 2024-07-10 21:37:49 发布

阅读量151

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/Xnice/p/4844108.html

版权

在项目中，需要完成这样一个功能：在加入新机构的时候，需要选择它的上级机构，实现方式为点击查找填入按钮，弹出弹窗页面，用户点击所需的行，并点击确定按钮，将用户选择的机构名称和机构代码传回到加入新机构的页面。

在这里记录一下弹窗页面代码

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 2 <%@ page contentType="text/html;charset=utf-8" pageEncoding="utf-8" language="java" %>
 3 <%@ taglib uri="/struts-tags" prefix="s"%>
 4 <%@ taglib uri="/page-tags" prefix="p"%>
 5 <html>
 6     <head>
 7         <title>机构点选查询</title>
 8         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 9         <link rel="stylesheet" type="text/css" href="../css/style.css" />
10         <link rel="stylesheet" type="text/css" href="../css/newStyle.css" />
11         <script type="text/javascript" src="../js/jquery.js"></script>
12         <script type="text/javascript" src="../js/common.js"></script>
13         <script type="text/javascript" charset="utf-8">
14 //点击整行都可选中单选框
15         function clickTr(obj) {
16         $("#mainTable tbody tr td input[type='radio']").attr("checked",
17                 "undefined");
18         $("td input[type='radio']", obj).attr("checked", "checked");
19         //alert($("td input[name='insideEquip.equipinstance']",obj).val());
20     }
21 //将通过td的class获取到的值传到父页面对应的元素上
22     function setValue() {
23         var input = $("#mainTable tbody tr td input[type='radio']:checked");
24         if (!input.val()) {
25 
26             window.close();
27             return;
28         }
29         var tr = input.parent().parent();
30         
31         window.opener.document.getElementById("textagencyid").value = $(
32                 "td.agancy input", tr).val();
33         window.opener.document.getElementById("textagencyname").value = $(
34                 "td.agencyname", tr).text();
35         
36         window.close();
37     }    
38     </script>
39     </head>
40     <body>
41 <div class="searchArea" style="height:28px;">
42 <form action="" method="post">
43         <input class="button02" type="button" value="确定" onclick="javascript:setValue();"/>
44         </form>
45     </div>
46       <div class="tableArea">
47     <table class="mainTable" id="mainTable">
48         <thead>
49         <tr>
50                              <th>选择</th>
51                             <th>机构编号</th>
52                             <th>机构名称</th>
53                             <!--<th>工作岗位码</th>-->
54                             <th>上级机构</th>
55                             <th>组织机构代码</th>
56                             <th>机构类别</th>
57                             
58         </tr>
59         </thead>
60         <tbody>    
61        <s:iterator value="busiAgencys" var="p" >
62         <tr onclick="clickTr(this);">
63          <td class="agancy"><input type="radio"  name="log" value="<s:property value="agencyid"/>" ></td>
64         <td><s:property value="agencyid"/></td>
65         <td class="agencyname"><s:property value="agencyname"/></td>
66         <!--<td><s:property value="handle"/></td>-->
67         <td><s:property value="sjjg"/></td>
68         <td><s:property value="orgcode"/></td>
69         <td><s:property value="jglb"/></td>
70        </tr>
71        </s:iterator>       
72     
73         </tbody>
74     </table>
75     
76    
77     <div class="pagin">
78         <p:page href="findBusiAgency" css="pages" totalPage="${totalPage}" page="${page}"></p:page>
79     </div>    
80      </div>
81     <script type="text/javascript">
82     $('.tablelist tbody tr:odd').addClass('odd');
83     </script>
84     </body>
85 </html>

转载于:https://www.cnblogs.com/Xnice/p/4844108.html

weixin_34247299

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
（工作笔记）实现网页从弹窗页面单选框传值至父页面

在项目中，需要完成这样一个功能：在加入新机构的时候，需要选择它的上级机构，实现方式为点击查找填入按钮，弹出弹窗页面，用户点击所需的行，并点击确定按钮，将用户选择的机构名称和机构代码传回到加入新机构的页面。在这里记录一下弹窗页面代码 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:/...
复制链接

扫一扫