jQuery将div更改为HTML5 contenteditable并传递给php

Question

当前我有以下div

 <div class="tag-header">
    <?php echo $row->name; ?>
 </div>

我用.attr将contenteditable添加到div

$('.tag-header').attr("contenteditable", "true");

但是我的问题是如何将值传递给php并发布到数据库？ *注意：我还没准备好使用普通的php提交来使用ajax。

Answer 1

在此处添加了一个演示

更新html到

<form>
<div class="tag-header">
    <?php echo $row->name; ?>
 </div>
<input type="hidden" id="tagval" />
</form>

然后使用focusout事件进行绑定

$(".tag-header").focusout(function() {
   $("#tagval").val($(".tag-header").text());
});

提交表单以获取PHP中的值。