php - 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 并发布到数据库？*注意：我还没准备好使用 ajax 只是普通的 php 提交。

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