作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试将表单域插入弹出页面。由于某种原因,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/
我尝试通过正则表达式将文本中的单引号更改为双引号。 (单字)示例:我走了。 You gona fly to planet 'Ziqtos' => 我需要在 I'm 中保留单引号,并在 You gona
我正在构建一个 API,其中大部分将包含 JSON 和 HTML 内容。但是一些非常具体的端点只呈现 true 或 false,并且还在 POST 中接受 true 或 false。这是请求或响应的整
我是一名优秀的程序员,十分优秀!