Javascript 从textarea获取更新的值，并使用jQuery将其插入到div中？_Javascript_Jquery_Html_Forms_Textarea

Javascript 从textarea获取更新的值，并使用jQuery将其插入到div中？

javascript jquery html forms

Javascript 从textarea获取更新的值，并使用jQuery将其插入到div中？,javascript,jquery,html,forms,textarea,Javascript,Jquery,Html,Forms,Textarea,这里有一个简单的（我正在努力）！我有一个textarea、一个button和一个空div。我只想将textarea的更新内容插入按钮的div onClick中。以下是到目前为止我得到的信息： <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function get_

这里有一个简单的（我正在努力）！我有一个textarea、一个button和一个空div。我只想将textarea的更新内容插入按钮的div onClick中。以下是到目前为止我得到的信息：

<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>


函数get_text（）{
$（“#预览”）.replace为（$（“#编辑器”）.val（））；
}
抱怨蛋糕

当你第一次点击按钮时，它就会工作。。。页面加载时文本区域中的值（“抱怨蛋糕”），但仅此而已。它无法处理任何更新的文本。

您可以使用或函数设置预览div的innerHTML或文本内容：

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

您可以使用或函数设置预览div的innerHTML或文本内容：

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

.replaceWith

实际上替换了DOM元素。因此，div被删除并替换为文本。对该函数的后续调用将不再找到该div，因为它已被删除

我想你想用

.html（$（“#编辑器”）.val（））

.replaceWith

实际上替换了DOM元素。因此，div被删除并替换为文本。对该函数的后续调用将不再找到该div，因为它已被删除

我想你想用

.html（$（“#编辑器”）.val（））

两者

$（“#预览”）.html（$（“#编辑器”）.val（））

及

$（“#预览”）.text（$（“#编辑器”）.val（））

应该有用

但是，.html将允许任何人将html或javascript注入您的站点，使其完全开放，以进行跨站点脚本攻击…

$（“#预览”）.html（$（“#编辑器”）.val（））

及

$（“#预览”）.text（$（“#编辑器”）.val（））

应该有用

但是，.html将允许任何人将html或javascript注入到您的站点，使其完全开放，以进行跨站点脚本攻击…

jikes

您正在用文本区域的内容替换div。请改用此功能：

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

吉克斯

您正在用文本区域的内容替换div。请改用此功能：

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

的确替换为替换和自身。所以，在第一次点击之后，就没有其他东西可以替换了。替换为替换和自身。所以，在第一次点击后，没有其他东西可以替换。显然，有几种不同的方法可以做到这一点。。。谢谢大家的帮助！很显然，有几种不同的方法来解决这个问题。。。谢谢大家的帮助！