php - 如何将 div 的内容作为 POST 参数发送？

Question

我有这个代码:

<div contenteditable="true"><p><?php echo $row[1]; ?></p></div>

我可以获取 div 的内容并将它们作为 POST 参数发送，以便在 PHP 中使用它们吗？如果我可以使用:onchange="this.form.submit()"就好了。

谢谢!

Answer 1

无法发布 div 的内容标签，因为这只适用于表单元素。解决方法是使用一些填充 hidden 的 Javascript提交表单时的字段，以及 hidden改为发布字段。

观察以下 HTML。看到有一个 onsubmit附加到 form 的事件元素。我们在这里对浏览器说的是提交表单时，首先调用 Javascript 函数 process , 并且仅在所述函数返回 true 时才提交:

<form method="post" action="process.php" onsubmit="javascript: return process();">
  <input type="hidden" id="hidden" name="content" vlaue="<?php echo $row[1] ?>">
  <div contenteditable="true" id="content"><p><?php echo $row[1] ?></p></div>
  <button type="submit">Post</button>
</form>

这将是您的 Javascript。你正在做的是获得 innerHTML ID 为 content 的元素并将其分配给 value ID 为 hidden 的元素并返回 true这样表单就可以成功提交了:

<script>
function process() {
  document.getElementById("hidden").value = document.getElementById("content").innerHTML;
  return true;
}
</script>

并且在 process.php文件，只输出发布的内容:

var_dump("Posted content: " . $_POST['content']);

希望这对您有所帮助!