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中的值。