jQuery 实时保存页面动态添加的数据的示例

<label class="col-sm-1 control-label no-padding-left no-padding-right">No</label>
<div class="col-sm-5"><input type="text" class="col-xs-12" name="add_no" readonly onkeyup="is_intdata(this,this.value)" value="0"></div>
</div>
</div>
<div class="col-sm-1 form-group">总数： <br><span class="total_yes">0</span> of <span class="totals">0</span></div>
<div class="col-sm-1 form-group delbox"><button type="button" class="btn btn-danger btn-xs" onclick="delPlID(this)">删除</button></div>
</div>
</form>
</script>

事件监听与发送请求代码：

$(document).on("change keyup", ".cksd_comment_id", function(event) {
/*  var current = event.target.tagName.toLowerCase();
 if ((current != 'input') || (current != 'select')) {
  event.preventDefault();
 }
*/
 var praise_row = {};
 praise_row.cpid_a = $("[name='cpid_a']").val();
 praise_row.pt_a = $("[name='pt_a']").find("option:selected").val();
 praise_row.dp_a = $("[name='dp_a']").find("option:selected").val();
 praise_row.cptime_start = $("[name='cptime_start']").val();
 praise_row.cptime_end = $("[name='cptime_end']").val();
 praise_row.cpkeyword_a = $("[name='cpkeyword_a']").val();
 praise_row.status = $("[name='cksd_status']").val();
 if (praise_row.cpid_a && praise_row.pt_a && praise_row.dp_a && praise_row.cptime_start && praise_row.cptime_end) {
  var comment_row = {};
  $(this).find('input, select').each(function () {
    var field = $(this).attr('name');
    comment_row[field] = $(this).val();
  });
  var pp_id = $("input.cksd_praise_pid").val();   //console.log($(this));
  var current_form = $(this);
  var comment_id = $(this).children().find("[name='comment_update_id']").val();
  var data = {};
  if (pp_id) {
    praise_row.id = pp_id;
    comment_row.id = comment_id;
    data = {praise: praise_row, comment: comment_row}
  } else {
    data = {praise: praise_row, comment: comment_row};
  }
  //console.log(data);
  $.ajax({
   type: 'post',
   url: "<?php echo site_url('/praise/save_intime');?>",
   data: data,
   dataType: 'json'
   }).done(function(res) {
    if ((res.s == 0)) {
     console.log($(this));
     $('input.cksd_praise_pid').val(res.msg.p_id);
     current_form.children().find("[name='comment_update_id']").val(res.msg.c_id);
    }
    console.log(res);
  });
}});