从文本框中获取内容放置在iframe层

Question

我是jquery的新手，所以有点新的帮助/指导来做到这一点。我有一个文本框，我写html标签。现在我想要做的是预览按钮。它应该打开一个jQuery图层/弹出与我的文本框中写入的HTML，所以我可以选择它。有没有办法让你们任何人都能指导我去哪里找到这样的剧本或帮助我一点点？我已经搜索了这个，但我找到的是如何打开与外部来源的iframe。我需要将我自己的html传递给iframe。

thx预先

Answer 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（）。

Answer 2

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

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