`
Appleses
  • 浏览: 347968 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

通过子页面向父页面传值

 
阅读更多
子页面
------------------------
html:
<input type="button" class="com_btn" id="btn_add" style="margin-left: 85%;margin-top: 8px;" value="添加到培训" />
javascript:
<script type="text/javascript">
$(function(){
$("#btn_add").click(function(){

var productList = $(".saleProduct:checked");
if(productList.length==0){
alert("请选择要添加的产品!");
return false;
}
var productStr = "";
productList.each(function(i,o){
productStr +=$(o).val()+";;;;;"+ $(o).next().val()+";;;;;;;;;";
});
parent.addProducts(productStr);
});

});

</script>
===================================================================
父页面
------------------------
html:
<div id="productsDiv">
</div>
<a href="#" onclick="opendialog()">添加</a>
javascript:
function opendialog() {
$.dialog( {
title : '产品关联',
lock : true,
background : '#FFF',
opacity : 0.1,
max : false,
min : false,
width : '650px',
height : '550px',
content : 'url:${path}/manage/product/index/salepro'
});
}

function addProducts(productList) {
var list = $.dialog.list;
for ( var i in list) {
list[i].close();
}

var productArray = productList.split(";;;;;;;;;");
$(productArray)
.each(
function(i, obj) {
if (obj) {
var productInfo = obj.split(";;;;;");

var productId = productInfo[0];
var tag = true;

$(".spItem").each(function(i, obj) {
if ($(obj).attr("spid") == productId) {
tag = false;
}
});
if (tag) {
var spItem = $("<div class=\"spItem\" spid=\""
+ productId + "\"></div>");
spItem.append($("<span>" + productInfo[1]
+ "</span>"));
spItem
.append($("<a href=\"javascript:void(0)\" onclick=\"delItem(this)\">&nbsp;x</a>"));
$("#productsDiv").append(spItem);
}
}

});
}

function delItem(obj) {
$(obj).parent().remove();
}
分享到:
评论

相关推荐

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

    2. 在父页面中,通过`$.dialog`或`$.window`方法打开子页面,可以设置一些参数,如宽度、高度、内容URL等。 例如: ```javascript $.window({ title: '子页面', width: 500, height: 400, href: 'subPage.html'...

    iframe子向父传值实例.rar

    总的来说,`iframe`子向父页面传值是一个常见的需求,尤其是在处理跨域问题时。通过学习和实践这个实例,开发者不仅可以掌握一种实用的技术,还能加深对Web安全和浏览器限制的理解,提升自己的开发技能。

    子窗体传值给父窗体传值

    总的来说,子窗体向父窗体传递值是通过多种方式实现的,包括事件、公共属性或方法等。根据具体的应用场景选择合适的方式,同时确保代码的健壮性和可维护性。理解和掌握这些技巧对于构建复杂的Windows应用程序至关...

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

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

    子父窗口传值

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

    子窗口传值到父窗口.rar

    这个过程就称为“子窗口传值到父窗口”。在JavaScript中,我们可以利用多种方法实现这一功能。以下是一些常用的技术和步骤: 1. **使用window.opener属性**: - 子窗口可以通过`window.opener`属性访问父窗口的...

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

    父页面获取子页面元素 格式: $("#iframeID").contents().find("#eleID") 示例代码: father.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;...

    微信小程序中子页面向父页面传值实例详解

    在微信小程序中,子页面与父页面之间的通信是开发过程中常见的需求。本实例将详细讲解如何在微信小程序中实现子页面向父页面传递值的方法,...希望这个实例能帮助你理解和掌握微信小程序中子页面向父页面传值的技巧。

    iframe父向子传值实例.rar

    父页面可以通过调用`childWindow.postMessage(data, targetOrigin)`将数据发送到`iframe`中的子页面,其中`data`是要传递的数据,`targetOrigin`是子页面的源,确保数据只被正确的页面接收。 2. **利用存储API(如...

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

    在这个例子中,子页面通过`window.opener`获取到父页面的引用,并修改了父页面文本框的值。 二、子页面是iframe框架中的页面情况 如果子页面是作为iframe嵌入在父页面中,我们可以通过`parent`关键字来访问父页面...

    ajax\HTML 页面与页面之间传值

    4. **使用Ajax获取数据**:父页面通过Ajax向服务器发送请求,获取所需数据,然后可以将数据存储在上述的SessionStorage或LocalStorage中,或者嵌入到HTML结构(如隐藏元素)中,供子页面加载后使用。例如: ```...

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

    ### 父窗口向子窗口传值 1. **通过`window.open()`方法传参**:在创建子窗口时,可以通过URL查询字符串传递参数。例如: ```javascript var childWindow = window.open('child.html?param1=value1&param2=value2'...

    asp.net 父子页面传值

    父页面可以将值存储在Session中,然后子页面可以通过相同的Session键来访问该值。 ```csharp // 父页面 Session["MyValue"] = TextBox1.Text; // 子页面 string value = Session["MyValue"].ToString(); ``` 3. *...

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

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

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

    总结一下,.NET中利用JavaScript实现子窗体向父页面传值的步骤如下: 1. 在子页面C#后台中,创建一个方法,如`SetValueToParentPage`,生成JavaScript代码,将需要传递的值赋给`window.returnValue`,并关闭子窗口...

    无刷新 子窗体传值父窗体

    在IT行业中,尤其是在Web开发领域,"无刷新子窗体传值父窗体"是一个常见的需求,它涉及到页面间通信和用户体验优化。无刷新技术可以让用户在不重新加载整个页面的情况下更新部分页面内容,提高交互性和效率。在这个...

    window.open父子窗口传值问题

    当我们谈论“window.open父子窗口传值问题”,我们指的是在父窗口通过`window.open`创建了一个子窗口,并需要在两者之间进行数据通信的情况。 首先,让我们了解一下`window.open`的基本语法: ```javascript var ...

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

    在JavaScript中,使用`window.open()`方法可以打开一个新的浏览器窗口,这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先,让我们回顾一下`window.open()`方法的基本用法。`window....

    子父窗口传值动态添加行

    结合子父窗口传值,可能的场景是:用户在子窗口中输入或选择数据,点击提交后,子窗口通过`postMessage`将数据发送给父窗口,父窗口接收到数据后动态添加行到某个表格中显示。 总结来说,"子父窗口传值--动态添加行...

Global site tag (gtag.js) - Google Analytics