【发布时间】:2021-12-29 13:56:54
【问题描述】:
感谢您抽出宝贵时间查看此内容。
所以我正在构建一个小型网络应用程序来试验 Flask。但是我不确定如何做到这一点:
例如,在更改 <input type=number> 中的值时,它会向烧瓶服务器发送一些内容(在这种情况下是输入的值,然后使用该值重新加载页面。
基本上我想要实现的是,基于输入字段,我希望通过 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 %}
【问题讨论】: