gpt4 book ai didi

javascript - 使用 jquery 将表单字段插入弹出页面

转载 作者:行者123 更新时间:2023-11-30 12:48:03 25 4
gpt4 key购买 nike

我正在尝试将表单域插入弹出页面。由于某种原因,form 字段没有被插入。任何指针。下面粘贴的是代码:

$(".ddlAddListinTo li").click(function () {

var urlstring = "../ActionTypes";
var ddlselectedVal = $(this).attr('id');
var $form = $("#frmPostToEmailReports");


var AgentId = $form.find("#AgentId").val();
var ReportName = $form.find("#ReportName").val();
var Params = $form.find("#Params").val();


if (ddlselectedVal != "None" && ddlselectedVal != "select") {

$.post(urlstring, { AgentId: AgentId, ReportName: ReportName, Params: Params },
function (data) {
window.open(urlstring);
$("#divfrmInfo").append($form);

});
} });

弹出窗口的 HTML:

   <html>
<head></head>
<body>
<h2>AddToCart</h2>


<form name="frmContact">
<div>
<div class="CartHeader">
<ul>
<li>
<span class="CartImage"></span>
<span class="Title">To Add Listing(s) to Cart</span>
<span class="SubTitle">Select your personal cart or add listings to a contact</span>
</li>

</ul>
</div>

**<div id="divfrmInfo"></div>**
</div>
</form>
</body></html>

最佳答案

opener 文档中,您可以多看看它,您可以做这样的事情。

$(".ddlAddListinTo li").click(function () {

...

function (data) {
$(window.open(urlstring)).load ( function() {
// Here "this" will be the window.
$(this.document).find("#divfrmInfo").append($form.clone())
});
}

通过这种方式,您可以附加到 jQuery 弹出的加载事件。

看看.clone()对于追加部分。如果它没有被克隆,它将从您的主文档中“剥离”并放置在弹出窗口中。


旧答案:

...

Here is a fiddle (固定错字/格式)。

下一个问题在你的脚本中,你说:

$(".ddlAddListinTo li").click

但是,DOM 中没有类为 ddlAddListinTo 的元素。


好的,通过评论:

window.open(urlstring); 之后,您仍然位于打开窗口的文档的 DOM 中。因此:

$("#divfrmInfo")

将在原始文档中查找具有该 ID 的元素,而不是在弹出窗口中。


如果您在弹出文档*中添加类似这样的内容:

$(window).load(function() {
// Call function "fill()" in opener.
window.opener.fill(document);
});

在你的opener document中:

function fill(what) {
// Here "what" is document of popup.
what.getElementById("divfrmInfo").innerHTML = "TEST";
}

关于javascript - 使用 jquery 将表单字段插入弹出页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21894972/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com