從文本框中獲取內容放置在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())