`

关于jquery和子页面向父页面传值

阅读更多

 

 

转自:http://zhidao.baidu.com/question/129542051.html

 

关于jquery和子页面向父页面传值

悬赏分:50 - 解决时间:2010-1-17 21:39
刚接触jquery
遇到问题了。
想用jquery实现这样一个功能:例如当father页面的一个文本框(txtEmployee)输入控件获得焦点的时候。
弹出一个子页面child.aspx:
child页面中放的是一个repeater控件绑定的Employee表中的数据,
双击repeater控件某一行的时候,将这行数据的Name值返回到
father页面的txtEmployee文本框中。同时关闭child页面。

代码如下:father.aspx
<head runat="server">
    <title>无标题页</title>

    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function() {
            $("#txtEmployeeID").focus(function() {
                parent.openDialog("child", "?page=father&custName=txtEmployee");
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <asp:TextBox ID="txtEmployee" runat="server"></asp:TextBox>
    </div>
    </form>


/////////////////
child.aspx绑定repeater主要代码

    <div class="rept" style="width: 530px; height: 268px;">
        <table cellpadding="0" cellspacing="0">
            <tr id="0">
                <th style="width: 10%">员工编号</th>
                <th style="width: 10%">员工所属部门</th>
                <th style="width: 9%">姓名</th>
                <th style="width: 9%">职务</th>
                <th style="width: 9%"> 性别</th>
            </tr>
            <asp:Repeater ID="reptE" runat="server">
                <ItemTemplate>
                    <tr id="<%# Eval("Employee_ID") %>" title='<%# Eval("Name") %>'>
                        <td><%#Eval("Employee_ID")%></td>
                        <td><%#Eval("Dept_ID")%></td>
                        <td><%#Eval("Name")%></td>
                        <td><%#Eval("Duty")%></td>
                        <td><%#Eval("Gender")%></td>
                    </tr>
                </ItemTemplate>
            </asp:Repeater>
        </table>


现在问题:1、在father页面中txtEmployee获得焦点的时候不弹出子页面。
          2、在子页面中双击repeater某行的时候如何获取到相应的Name值。 
提问者: bogeyman0 - 二级
最佳答案
1. parent.openDialog("child", "?page=father&custName=txtEmployee");
问号前面具体的页面写上不就行了。
或者直接用window.open()不也行吗


2.写一个函数:
function quzhi(obj)
{
var name=$("#" + obj.id + " td").eq(2).text();
return name;
}
这就是取得name的值,obj是传入一个tr 
分享到:
评论

相关推荐

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    在EasyUI中,我们可能会遇到需要在弹出窗口(子页面)与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口...

    Jquery子页面获取父页面元素,子页面向父页面添加元素

    父页面动态的获取子页面的元素,以及弹出子页面的时候获取父页面的元素;

    jquery实现页面之间的传值功能

    ### jQuery 实现页面之间的传值功能 #### 一、概述 在 Web 开发中,页面间的数据传递是一项基本且重要的任务。传统的表单提交方法虽然简单有效,但在用户体验上往往不尽如人意。随着 AJAX 技术的发展,利用 ...

    子父窗口传值

    在这个场景中,"子父窗口传值"指的是在同一个Web应用中,子页面(通常是弹出窗口或iframe)向父页面传递数据,或者父页面向子页面传递数据,以实现特定的功能交互,而这种交互通常是为了避免不必要的后台通信,提高...

    JS父页面与子页面相互传值方法

    需要注意的是,由于同源策略的限制,只有当父页面和子页面位于同一域下,才能直接通过JS进行通信。如果跨域,需要借助其他技术如CORS、JSONP或WebSocket等来实现数据传递。此外,出于安全考虑,现代浏览器可能限制...

    layer弹出子iframe层父子页面传值的实现方法

    本文介绍了layer弹出子iframe层父子页面传值的实现方法,分享给大家,具体如下: 父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html &lt;!DOCTYPE html&gt; &lt;...

    jQuery Ajax向某个页面传值并取得返回的数组

    "jQuery Ajax向某个页面传值并取得返回的数组"这一主题涉及到如何使用jQuery的Ajax方法来发送请求,传递参数,并接收服务器返回的数据,特别是数组类型的数据。 首先,我们需要理解jQuery的Ajax方法`$.ajax()`,这...

    layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例

    Layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例是指在layer弹出框中,将子层的数据传递到父层页面的方法。这种方法可以在实际开发中发挥重要作用,例如在选择商家时,需要将子层的选择结果传递到父层...

    js中用open方式打开新窗口向父窗口传值

    * 在使用`window.open()`方法时,我们需要确保父窗口和子窗口之间的同源策略,以便正确地传递值。 * 在使用`window.open()`方法时,我们需要注意浏览器的安全限制,以免出现安全问题。 使用`window.open()`方法可以...

    Jquery调用iframe父页面中的元素及方法

    不过,当iframe和父页面属于同一域时,可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父页面中的元素和方法。 首先,需要明确iframe元素可以被视为一个...

    静态界面传值jquery插件

    静态界面传值插件,第一个界面给第二个界面传值,通过url方式:[removed].href = "Conference_Detail.html?conferenceId='"+conferenceIdByBefore+"'"; 第二个界面获取方式:$.query.get("conferenceId")

    Jquery传值 mode

    在标题“Jquery传值 mode”中提到的“传值mode”,可能指的是通过jQuery来实现前后端数据传递的一种方式。下面我们将深入探讨jQuery在.NET环境中如何进行数据传输以及相关模式。 首先,jQuery提供了多种方法与...

    页面传值js文件jquery.params.js

    此外,虽然jQuery.params.js简化了页面传值,但现代Web开发中也有其他更先进的技术,如使用AJAX(异步JavaScript和XML)进行页面无刷新的数据交换,或者利用前端路由(如React Router或Vue Router)实现单页应用...

    页面传值与后台传值

    首先,页面传值指的是前端网页向另一个网页传递数据的过程。在JSP(JavaServer Pages)中,这通常通过请求参数、隐藏字段、cookies或session来实现。例如,用户在表单中填写信息并提交后,这些信息会作为请求参数...

    jQuery Layer弹出层传值到父页面的实现代码

    首先,要实现弹出层向父页面传值,必须了解浏览器的安全限制。由于同源策略的存在,不同域之间的脚本访问会被浏览器限制,但同一个域内的不同页面(或iframe)之间的脚本是可以相互访问的。因此,如果弹出层和父页面...

    通过Jquery实现Ajax传值.rar

    本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC(Model-View-Controller)架构中利用jQuery的Ajax功能来传递数据,避免了传统表单提交带来的页面刷新问题。 首先,理解MVC模式是至关重要的。MVC是一种软件...

    iframe子父页面调用js函数示例.docx

    "iframe子父页面调用js函数示例" 在实际项目中,iframe 子父页面调用 js 函数是非常有用的。下面是一个示例,演示如何在 iframe 子页面中调用父页面的 js 函数,以及如何在父页面中调用 iframe 子页面的 js 函数。 ...

    在html页面中弹出子页面效果

    - 在Struts2或Spring MVC中,可以使用AJAX技术来实现无刷新加载子页面,比如使用jQuery的`$.ajax`或`$.get`方法。 - 使用前端框架如React、Vue或Angular,它们提供了更强大的组件化能力,可以方便地构建模态框或弹...

    jquery利用json实现页面之间传值的实例解析

    本文将深入讲解如何使用jQuery和JSON(JavaScript Object Notation)技术实现在页面之间的传值。JSON是一种轻量级的数据交换格式,它允许开发者以易于读写的方式存储和传输数据。jQuery则是一个强大的JavaScript库,...

    jsp页面之间的传值

    ### JSP页面之间的传值详解 #### 一、引言 在Web开发中,数据的传递是一项基础且重要的任务。特别是在使用JSP技术时,如何有效地在不同的JSP页面或JSP与Servlet之间进行数据传输,是每个开发者都需要掌握的核心...

Global site tag (gtag.js) - Google Analytics