从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中？

回答

相关问题