获取contentEditable数据并通过ajax发布

时间:2017-08-15 22:00:45

标签: jquery html contenteditable var

我有以下div:

<div id="txt_reporter" contenteditable="true">I am contents</div>

以及以下jquery:

<script>
$('#submit_inc').click(function(e) { e.preventDefault();  

    $('#dynamic_content').html('Submitting...');

 var txt_reporter = $('#txt_reporter').attr("contenteditable", "true");


    $.ajax({
        url: 'tools/inc_submit.php',
        type: 'POST',
        data: 'ckc='+ txt_reporter,
        dataType: 'html'
    })      


 .done(function(data){ console.log(data);       
     $('#dynamic_content').html('');
     $('#dynamic_content').html(data);   
    })          
});
</script>

我得到的结果是:

  Array ( [ckc] => undefined )

如何获取可编辑div的内容:

   <div id="txt_reporter" contenteditable="true"> 

进入var并通过ajax发布它

1 个答案:

答案 0 :(得分:0)

更改

 var txt_reporter = $('#txt_reporter').attr("contenteditable", "true");

 var txt_reporter = $('#txt_reporter').html();

现在,第一个语句是将属性contenteditable设置为true。您只想检索txt_reporter div的HMTL。