首页 > 解决方案 > 我可以使用 POST 方法将用户可编辑的 html 表单数据提交给 PHP 函数吗?

问题描述

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

一些帖子描述了使用 <input type='hidden' name='name' value='abc'>abc</td> which 当数据是静态的时候很好,但我不能硬编码 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>

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

标签: phphtmlformsposthtml-table

解决方案


尝试这个:

   <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>

我希望这可以帮助你。


推荐阅读