Question

这是一个简单的（我正在努力）！我有一个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”），但就是这样。它不适用于任何更新的文本。

Answer 1

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

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

Answer 2

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

我想你想用

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

Answer 3

两者

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

和

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

应该有用。

然而，.html将允许任何人将html或javascript注入您的网站，使其广泛用于跨站点脚本攻击......

Answer 4

的jikes !!

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

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

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

4 个答案: