【问题标题】:How to send a post request to Flask based on html <select> change如何根据 html <select> 更改向 Flask 发送 post 请求
【发布时间】:2021-12-29 13:56:54
【问题描述】:

感谢您抽出宝贵时间查看此内容。

所以我正在构建一个小型网络应用程序来试验 Flask。但是我不确定如何做到这一点: 例如,在更改 &lt;input type=number&gt; 中的值时,它会向烧瓶服务器发送一些内容(在这种情况下是输入的值,然后使用该值重新加载页面。 基本上我想要实现的是,基于输入字段,我希望通过 for 循环出现一定数量的输入(效果很好)。 唯一的问题是我每次都需要按下提交按钮,这不是很好。

    <form action="/newevent/individual" method="post" class="px-8 pt-6 mb-4 bg-white rounded">  
     <div class="mb-4 md:flex md:justify-between">  
     <div class="mb-4 md:mr-2 md:mb-0">  
     <label class="block mb-2 text-lg font-bold text-black" for="quantity">  
    Qty of individual tickets.  
     </label>  
     <label class="block mb-2 text-lg italic text-gray-500" for="quantity">  
    Please confirm before proceeding.  
     </label>  
     <div>  
     <input  
     class="w-1/2 px-3 py-2 mb-3 text-lg leading-tight text-gray-700 border rounded shadow appearance-none focus:outline-none focus:shadow-outline"  
     id="quantity" name="quantity" type="number" min="1" max="30"  
     value="{{ quantity }}" />  
     <button type="submit" name="submit\_button" value="changequantity"  
     class="py-2 px-4 mr-3 text-sm font-medium text-gray-500 bg-white rounded-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-700">  
    Confirm  
     </button>  
     </div>  
     </div>  
     </div>  
     </form>

有什么想法吗? (本质上,我希望在输入更改时完成表单的 POST 提交。谢谢编辑:对于一些上下文,以下是它的用途:

  {% for number in range(quantity) %}
      <p>({{ number+1 }})</p>
      <input class="py-3 px-1" type="file" id="ticket{{ number }}" name="ticket {{ number }}" accept="image/png, image/jpeg, application/pdf">

{% endfor %}

【问题讨论】:

    标签: python html flask


    【解决方案1】:

    您是否尝试将 hidden 属性设置为“true”?如下:

    <button type="submit" name="submit\_button" value="changequantity"
    class="py-2 px-4 mr-3 text-sm font-medium text-gray-500 bg-white rounded-lg
    border border-gray-300 hover:bg-gray-100 hover:text-gray-700" hidden="True">
    

    【讨论】:

    • 感谢您的回答!但是随后该人必须按他们可能不会想到的“ENTER”。每次更改输入字段时,我都需要它来执行发布请求。
    猜你喜欢
    • 2021-09-19
    • 2023-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-07
    • 2021-05-29
    • 2014-08-04
    • 1970-01-01
    相关资源
    最近更新 更多