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

StackOverflow https://stackoverflow.com/questions/1434392

题

这是一个简单的（我正在努力）！我有一个textarea，一个按钮和一个空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>

第一次单击按钮时，它的作用是......页面加载中的textarea中的值（“GrumbleCakes”），但就是这样。它不适用于任何更新的文本。

有帮助吗？

解决方案

您可以使用 html 或者设置预览div的innerHTML或文本内容。 文字功能：

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

其他提示

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

我想你想用

<代码> html的（$（＆QUOT;＃编辑＆QUOT;）VAL（））。

两者

<代码> $（'＃预览＆QUOT）。HTML（$（＆QUOT;＃编辑＆QUOT;）VAL（））

和

$（＆＃“preview＆quot;）。text（$（＆## editor＆quot;）。val（））

应该有用。

然而，.html将允许任何人将html或javascript注入您的网站，使其对跨网站脚本攻击敞开大门......

的jikes !!

你要用textarea的内容替换 div 。请改用此功能：

function get_text(){
    var t=$("editor").val();
    $("#preview").text(t);
}
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top