时间戳

首页 > 解决方案 > Flask：POST许多输入字段

javascript - Flask：POST许多输入字段

问题描述

我有一些显示许多输入字段的 HTML（使用 Flask 框架）。目前，如果他们单击一个“接受”按钮，他们当然只会提交那个，但我想添加一个“全部提交”按钮，我该怎么做？

经过研究，我发现每个按钮都必须有一个唯一的 ID，所以我什至无法开始，我将如何做一个唯一的 ID？我看着这无济于事，甚至尝试在我的烧瓶中分配一些 VAR 传递给 HTML 没有运气，有什么想法吗？

<div class="box">
<div class="content has-text-centered">
<table class="table">
  <thead>
    <tr>
      <th scope="col">ID</th>
      <th scope="col">Title</th>
      <th scope="col">Fields</th>
      <th scope="col"></th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th scope="col">ID</th>
      <th scope="col">Title</th>
      <th scope="col">Fields</th>
      <th scope="col"></th>
    </tr>
  </tfoot>
  <tbody>
    {% for id in output %}
    <tr>
    <form action="execute_fields" method="POST">
      <td><div><label for="to"></label> <input class="input" id="id" type="text" name="id" value="{{id}}"  /></div>  <a href="xxxxxxx/{{id}}/edit" target="_blank" class="btn btn-link"><br><button type="button" class="button is-link">Product on BigCommerce</button></a></td>
      <td><div><label for="to"></label> <textarea class="textarea" name="title" id="title" rows="5"/>{{titles[id]}}</textarea></div></td>
      <td><div><label for="to"></label> <textarea class="textarea" name="fields" id="fields" rows="5"/>{{output[id]}}</textarea></div></td>
      <td><div><button id="status" name="status" onclick="change_text()" class="button is-link">Accept</button></div></td>
</form>
    </tr>
 {% endfor %}
  </tbody>
</table>

标签： javascripthtmlflask

解决方案

如果您想根据触发器创建可自定义的输入，那么我认为表单不是最好的方法。对所有提交按钮使用函数并根据需要定义函数，例如，如果您单击 func1() 那么您将从几个输入字段中读取数据并将其推送到服务器，如果您单击 func2() 那么您将从所有输入字段中获取数据并将其发送到服务器。

试试这个，如果你需要代码，请告诉我。

推荐阅读