从 iframe 层中的文本框位置获取内容答案

【问题标题】：get content from textbox place in iframe layer从 iframe 层中的文本框位置获取内容
【发布时间】：2009-08-20 06:52:06
【问题描述】：

我是 jquery 的新手，所以你的帮助/指南有点新。我有一个文本框，我在其中编写 html 标签。现在我想做的是一个预览按钮。它应该从我的文本框中打开一个带有书面 html 的 jquery 层/弹出窗口，以便我可以看到它。有没有办法让你们中的任何人指导我到哪里可以找到这样的脚本或帮助我一点？我已经搜索过这个，但我发现的只是如何使用外部资源打开 iframe。我需要将我自己的 html 传递到 iframe 中。

提前谢谢

【问题讨论】：

标签： jquery iframe popup layer

【解决方案1】：

这对我有用：

<link href="jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />

<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="ui.core.js" type="text/javascript"></script>
<script src="ui.dialog.js" type="text/javascript"></script>

<input type="submit" value="Submit" id="button" />
<input  type="text" id="txtBody" />
<br />

<div id="dialog" style="display: none;">
</div>

<script type="text/javascript">
    $("#button").click(function() {
        $("#dialog").html($("#txtBody").val());
        $("#dialog").dialog().dialog("open");
    });
</script>

实际上，我使用 .html() 是错误的。正确的方法是使用 .val()。

【讨论】：

【解决方案2】：

您真的有必要使用 iframe 或弹出窗口吗？还有其他解决方案，例如http://jqueryui.com/demos/dialog/，它们不会强制您拥有单独的 HTML 文档元素。或者您可以为此使用任何元素：

$("#target").html($("#source").html())

【讨论】：

虽然输入到文本框中的是 HTML，但我相信它是必需的 .val() 函数，而不是 .html()。试试看，我可能错了
嗯，我知道他想将输入呈现为 HTML。当然，我也可能是错的。
哦，我还假设它是一个，所以 .html() 可以工作。但他也可能通过说“文本框”来表示常规的 <input type="text">。

【解决方案3】：

好的，假设您有一个 ID 为 txtBody 的 textarea、一个 ID 为 button 的触发按钮和一个 ID 为 dialog 的空 div，它们将用于对话框。
然后你必须这样做：

<script type="text/javascript">
    $("#button").click(function() {
        $("#dialog").html($("#txtBody").html());
        $("#dialog").dialog();
    });
</script>

不要忘记在该页面中包含 jQuery 和 jQuery UI。

【讨论】：