如何将div的内容作为POST参数发送?

时间:2014-02-10 22:47:40

标签: php html post

我有这个代码:

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

我可以获取div的内容并将它们作为POST参数发送,以便在PHP中使用它们。如果我可以使用:onchange =“this.form.submit()”。

谢谢!

1 个答案:

答案 0 :(得分:4)

无法发布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的元素的content,并将其分配给ID为value的元素的hidden并返回{{1因此表单可以成功提交:

true

<script> function process() { document.getElementById("hidden").value = document.getElementById("content").innerHTML; return true; } </script> 文件中,只输出发布的内容:

  

var_dump(“已发布内容:”。$ _POST ['content']);

希望这有帮助!