`

利用Javascript从子窗口设置父窗口的值

阅读更多
在Hibernate的一对多数据列表中经常包含这样一个需求:例如在我们添加人员的时候需要选择新添加的这个人属于那一个组,这就要显示组的信息在这里可以用下拉框实现,但是更好的实现是弹出一个新的窗口在新弹出的窗口中显示所有的组然后进行选择!

//添加页面
<tr>
		<td class="tdEditLabel" >所属组</td>			
		<td class="tdEditContent"><input type="text" 
		id="orgName" disabled="disabled">
		<input type="hidden" name="orgId" id="orgId">
		<input type="button" value="选择" 
		onclick="openWin('person!selectOrg.action','selectparties',800,600,1);">
		</td>
		<td class="tdEditLabel" >姓名</td>			
		<td class="tdEditContent"><input type="text" name="name"></td>
	</tr>


//openWin函数
function openWin(f,n,w,h,s){
	sb = s == "1" ? "1" : "0";
	l = (screen.width - w)/2;
	t = (screen.height - h)/2;
	sFeatures = "left="+ l +",top="+ t +",height="+ h +",width="+ w
			+ ",center=1,scrollbars=" + sb + ",status=0,directories=0,channelmode=0";
	openwin = window.open(f , n , sFeatures );
	if (!openwin.opener)
		openwin.opener = self;
	openwin.focus();
}


//调用函数的时候弹出一个新的窗口把所有的组显示出来
设置父窗口的函数:
function selectOrg(orgId,orgName){
	window.opener.document.getElementById("orgName").value = orgName;
	window.opener.document.getElementById("orgId").value = orgId;
	window.close();
}

//调用页面的函数实现选择
 <td align="center" vAlign="middle">
	      <input type="radio" id="selectOrgId" onclick="selectOrg('<s:property value="id"/>','<s:property value="orgName"/>');" />
	       </td>


最终的页面效果:
  • 大小: 28.1 KB
2
1
分享到:
评论

相关推荐

    javascript 父窗口、子窗口传值问题

    在JavaScript编程中,父窗口与子窗口之间的通信是一种常见的需求,特别是在构建多窗口应用程序或弹出窗口时。本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先,我们需要理解“父窗口”和...

    子窗口传值到父窗口.rar

    例如,如果我们在子窗口中有一个变量`value`要传递,可以使用`window.opener.value = '新值'`来设置父窗口中的`value`。 - 父窗口中,打开子窗口时保存一个引用,如`var childWindow = window.open(...)` - 然后在...

    HTML 父窗口打开子窗口,并接收子窗口返回的值.zip

    在这个名为"HTML 父窗口打开子窗口,并接收子窗口返回的值"的示例中,我们主要探讨如何利用JavaScript在HTML页面中打开新的子窗口,并在子窗口与父窗口之间进行通信,传递数据。 首先,`index.html`很可能是主页面...

    子窗口与父窗口刷新

    在Java Web开发中,"子窗口与父窗口...以上就是关于"子窗口与父窗口刷新",以及如何利用AJAX实现这一功能的详细介绍。在开发过程中,熟练掌握AJAX和JavaScript与Java JSP的交互,对于提升Web应用的用户体验至关重要。

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

    在前端开发中,有时我们需要实现不同窗口之间的信息交换,比如从父窗口向子窗口传递数据,或者反过来从子窗口向父窗口返回信息。本文将通过具体示例来详细介绍如何在JavaScript中实现这些功能。 #### 父窗口向子...

    创建子窗口与子父窗口间通信

    在IT领域,创建子窗口与子父窗口间的通信是一个重要的技术话题,特别是在开发多窗口应用程序或者Web应用时。本文将详细探讨这个主题,并基于提供的标签"源码"和"工具",以及压缩包中的"DHTML手册.chm",来解析相关的...

    jsp与javascript配合,父窗口与子窗口之间刷新

    - **设置父窗口URL参数**:子窗口可以更改父窗口的URL,添加或改变查询参数,触发浏览器的页面重新加载机制。 在实际应用中,上述技术通常结合使用,以实现复杂的交互逻辑。例如,用户在子窗口中操作后,通过Ajax...

    刷新父窗口的多种方法

    这里的关键在于利用`location.href`属性来重新设置父窗口的URL,从而达到刷新的目的。需要注意的是,这种方式并不会触发浏览器的缓存机制,而是会重新加载整个页面。 另一种写法是: ```javascript window.opener....

    javascript提交父窗口

    通过以上分析,我们可以看到,在实际的 Web 应用开发中,利用 JavaScript 控制父窗口中的表单提交是一个非常实用的功能。它可以帮助我们构建更加灵活、高效的应用程序。同时,我们也需要注意相关的安全性和用户体验...

    javascript打开静态子窗口

    根据提供的文件信息,本文将详细解析如何利用JavaScript来打开并操作静态子窗口。这涉及到的主要技术包括使用`window.open()`方法、`window.showModalDialog()`方法以及如何在父窗口与子窗口之间进行数据交互。 ###...

    模式窗口操作父窗口

    在Web开发中,利用JavaScript的`window.opener`对象,我们可以轻松地实现在模式窗口中对父窗口进行数据修改或状态更新,进而实现复杂但直观的交互逻辑。这一技术的应用不仅限于上述提到的场景,任何需要在不打断用户...

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

    本文将深入讲解如何利用JavaScript实现弹出子窗口,并将子窗口中的数据传递回父窗口。 首先,我们来看父窗口的代码。在给定的`First.html`文件中,我们定义了一个名为`ShowDialog`的JavaScript函数,用于打开一个...

    子窗口通过js操作父窗口中的元素

    - 浏览器的安全设置也可能阻止子窗口对父窗口的某些操作,尤其是涉及用户隐私或敏感信息时。 7. **现代Web技术的扩展**: - 如果需要跨域通信,可以考虑使用`window.postMessage()`方法,这是一种安全的跨窗口...

    jquery 子窗口操作父窗口的代码

    - **性能考虑**:频繁地从子窗口操作父窗口可能会对页面性能造成一定影响,因此应该尽量减少这类操作的频率,并确保操作的必要性。 - **兼容性**:不同浏览器对于跨窗口操作的支持程度可能存在差异,开发时应考虑...

    窗口刷新父窗口然后关闭

    因此,如果父窗口和子窗口不是同源的,我们可能需要使用其他方式,比如在父窗口中设置监听器,监听特定的事件,在事件触发时执行刷新逻辑。 对于使用React或Vue等框架的前端项目来说,实现窗口刷新的操作会更加复杂...

    子窗口iframe跳转到父窗口

    ### 子窗口iframe跳转到父窗口的知识点详解 #### 一、背景介绍 在现代Web开发中,`iframe`(Inline Frame)是一种常见的技术,用于在当前网页中嵌入另一个网页或文档。通过`iframe`,开发者可以实现丰富的功能,如...

    javascript经典特效---子父窗口的刷新.rar

    在JavaScript编程中,"子父窗口的刷新"是一个常见的交互效果,主要应用于多窗口或框架结构的网页应用中。这个主题涉及到JavaScript中的window对象、窗口通信以及页面动态更新等技术。下面将详细解释这些知识点: 1....

    js 主窗口与子窗口传值问题【摘抄】

    本文将深入探讨如何在JavaScript中实现主窗口(parent window)与子窗口(child window)之间的值传递。 首先,我们需要理解浏览器的同源策略(Same-Origin Policy)。这个策略限制了不同源的窗口之间不能随意访问...

    .NET中利用js让子窗体向父页面传值的实现方法.docx

    在.NET开发中,有时我们需要在子窗口和父窗口之间进行数据交互,比如子窗口完成某些操作后,将结果返回给父窗口更新显示。本文将详细解释如何利用JavaScript在.NET环境中实现这一功能。 首先,让我们看看子页面的C#...

    javascript实现从子页与父页传递参数

    以下是关于"javascript实现从子页与父页传递参数"的详细知识点: 1. **全局变量**:这是最基础的方法,可以在子页面中定义一个全局变量,然后在父页面中访问该变量来获取数据。但这种方法不推荐,因为全局变量可能...

Global site tag (gtag.js) - Google Analytics