Question

我在视图页面中完成了这样的代码，在codeigniter中完成了控制器同时按下输入键多次将数据保存到表格中。任何人都可以帮助解决这个问题

查看页面

<form>
<div class="cmt-box">
<textarea class="form-control" name="txtArea" id="txtArea<?php echo $row->id;?>" onkeypress="onTestChange(1)" rows="1"></textarea>
</div></form>

脚本

function onTestChange(id) { 
  $("#txtArea"+id).keypress(function(e) {  
   if(e.which == 13) {

dataString=document.getElementById("txtArea"+id).value;
$.ajax({
  type: "POST",
  url: "<?php echo site_url('show/insertcomment'); ?>",
  data: { comment :dataString, id:id},
  success: function(data){
 location.reload();
  }

});
 }
    });


}

Answer 1

$(".class_txtarea").keypress(function(e) {  
   if(e.which == 13) {

     dataString=document.getElementById(this).value;
     $.ajax({
      type: "POST",
      url: "<?php echo site_url('show/insertcomment'); ?>",
      data: { comment :dataString, id:id},
      success: function(data){
          location.reload();
      }

   });
 }

}）;

Answer 2

<强> HTML：

<div class="cmt-box">
    <textarea class="form-control mytext" name="txtArea" id="txtArea<?php echo $row->id;?>" rows="1"></textarea>
</div>

<强> Jquery的：

$(document).ready(function(){
    $('.mytext').keyup(function (evt) {
        evt = evt || window.event;
        if (evt.keyCode == 13) { /* pressed enter key */
            $.ajax({
                type: "POST",
                url: "<?php echo site_url('show/insertcomment'); ?>",
                data: { comment :dataString, id:id},
                success: function(data){
                    location.reload();
                }
            });
        }
    });
});

如何使用像facebook评论这样的ajax在输入键上保存textarea中的数据？

2 个答案: