我可以使用 POST 方法将用户可编辑的 html 表单数据提交给 PHP 函数吗？答案

【问题标题】：Can I submit user editable html form data to a PHP function using POST method?我可以使用 POST 方法将用户可编辑的 html 表单数据提交给 PHP 函数吗？
【发布时间】：2019-12-30 14:37:33
【问题描述】：

我正在处理的网页有一个 HTML 表格，该表格将默认值作为表格数据返回给用户，用户可以在页面上编辑这些默认值。我想使用 POST 方法将内部 HTML 表数据值提交到 php 脚本。

描述使用的一些帖子 <input type='hidden' name='name' value='abc'>abc</td> 当数据是静态的时候这很好，但我不能硬编码 value='xxx' 因为数据是可编辑的

我的基本表数据：

    <form action='somescript.php' method='post'>
      <td contenteditable='True'>
        <input type='hidden' name='text'>
        Editable default text
      </td>
    <button type="submit" class="btn">Submit</button>
    </form>

有没有办法设置可编辑的内部 HTML 以使用 POST 方法发送？

【问题讨论】：

您可以使用javascript从contenteditable元素中获取数据并使用ajax发布
你能分享一个进一步强调这一点的例子吗？ “内部 HTML 表格数据值”是什么意思？

标签： php html forms post html-table

【解决方案1】：

试试这个：

   <script type="text/javascript">

     function setData(){

       var test = document.getElementById("test").innerText;
       document.getElementById("input-val").value = test;
     }
    </script>

    <form action='somescript.php' method='post'>
      <table>
        <tr>
          <td contenteditable='true' id="test">Editable default text<td>
          <input type='hidden' name='text' id="input-val">
        </tr>
      </table>
      <button type="submit" class="btn" onClick="setData()">Submit</button>
    </form>

希望对你有帮助。

【讨论】：

感谢 Abdessamad，完美！