從textarea獲取更新的值，並使用jQuery將其插入到div中？

這是一個簡單的（我正在努力）！我有一個textarea，一個按鈕和一個空div。我想要做的就是將textarea的更新內容插入按鈕的onClick。下面是我到目前爲止有：從textarea獲取更新的值，並使用jQuery將其插入到div中？

<html> 
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript"> 
    function get_text() { 
    $("#preview").replaceWith($("#editor").val()); 
    } 
    </script> 
</head> 
<body> 
    <form> 
    <textarea name="editor" id="editor">GrumbleCakes</textarea> 
    <input type="button" value="Preview" onclick="get_text();" /> 
    </form> 
    <div id="preview"></div> 
</body> 
</html>

它的工作原理第一次單擊該按鈕......與在頁面加載textarea的（「GrumbleCakes」）的值，但僅此而已。它不適用於任何更新的文本。

來源

2009-09-16 Sam

+1 for GrumbleCakes。 – womp 2009-09-16 17:29:58

顯然這有幾種不同的方式...感謝所有人的幫助！確實是 – Sam 2009-09-16 17:47:38

您可以通過使用html或text功能設置預覽DIV的innerHTML或文本內容：

$("#preview").html($("#editor").val());

來源

2009-09-16 17:31:26 CMS

。 replaceWith取代了

and

本身。所以在第一次點擊後沒有其他東西需要替換。 – Eimantas 2009-09-16 17:33:48

完美！謝謝！ – Sam 2009-09-16 17:46:54

.replaceWith實際上替代的DOM元素。所以div被移除並換成文本。隨後對該函數的調用將不再能夠找到該div，因爲它已被刪除。

我想你想使用

.html($("#editor").val())。

來源

2009-09-16 17:31:49 womp

兩個

$('#preview").html($("#editor").val())

和

$("#preview").text($("#editor").val())

應該工作。

然而，html的將允許任何人以注入HTML或JavaScript到您的網站留下它敞開了跨站點腳本攻擊......

來源

2009-09-16 17:35:22

jikes的！

你正在更換的男人div與textarea的內容。改用此功能：

function get_text(){ 
    var t=$("editor").val(); 
    $("#preview").text(t); 
}

來源

2009-09-16 17:41:49 TheVillageIdiot

從textarea獲取更新的值，並使用jQuery將其插入到div中？

回答

相關問題