与append()的jQuery聊天在谷歌浏览器中不起作用

时间:2013-06-17 15:35:18

标签: jquery google-chrome append chat prepend

我使用此代码进行聊天。

<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

1 个答案:

答案 0 :(得分:1)

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

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