jquery - 带有 append() 的 jQuery 聊天在 Google Chrome 中不起作用

Question

我使用此代码进行聊天。

<script type="text/javascript">
      $(document).ready(function(){
          $("#Send").click(function(){
              var tx=$("#ChtInput").text();
              $("#ChtShow").append("<br/><br/>"+tx);
            });
              });
</script>

#Send是一个按钮， #ChtInput是您从中引入文本的文本区域 当点击#Send时，将文本发布到#ChtShow div 中。它在 IE 中运行良好，但在 Chrome 和 Firefox 中它只附加<br/><br/>标签

我让它工作：

<script type="text/javascript">
  var tx=$("#ChtInput").text();
     $(document).ready(function(){
        $("#Send").click(function(){
           $("#ChtShow").append("<br/><br/>"+tx);
            });
              });

但是这种方式只有在我在 textarea 标签之间放置一些文本时才有效，但它只显示 texarea 标签之间的文本，而不是我在 textarea 中写的内容。

对不起我的英语......我希望你能理解：D

Answer 1

尝试使用 val() 而不是 text()：

<script type="text/javascript">
  $(document).ready(function(){
      $("#Send").click(function(){
          var tx=$("#ChtInput").val();
          $("#ChtShow").append("<br/><br/>"+tx);
      });
  });
</script>