【问题标题】:Mutliple buttons on one html page returning the same function- flask python一个html页面上的多个按钮返回相同的功能-flask python
【发布时间】:2021-04-27 05:21:52
【问题描述】:

对于 cart.html 页面中的数量变化,我有 3 个单独的按钮用于删除、增加和减少数量。但是,每次我按下按钮时,即使它们都有不同的 url,它也只会运行增加功能?在此输入代码

<td class="action" >
                                    <form class="form" action="{{ url_for('increaseQuantity') }}" method="post">
                                        <button class="ti-plus"  value="{{ cart.Products.productID }}" name ="productID" ></button>
                                    </form>
                               </td>
                                <td class="qty" data-title="Qty"><!-- Input Order -->
                                    <div class="input-group">
                                        <input type="text"  class="input-number" value="{{ cart.Cart.quantity }}">
                                    </div>
                                   
                                </td>
                                <td class="action" >
                                    <form class="form" action="{{ url_for('minusQuantity') }}" method="post">
                                        <button class="ti-minus"  value="{{ cart.Products.productID }}" name ="productID" ></button>
                                    </form>
                               </td>
                                
                                <td class="action" data-title="Remove">
                                <form class="form" action="{{ url_for('removeFromCart') }}" method="post">
                                    <button class="ti-trash remove-icon"  value="{{ cart.Products.productID }}" name ="productID" ></button>
                                </form>

【问题讨论】:

    标签: python html forms flask


    【解决方案1】:

    这个 HTML sn-p 不足以帮助你。尝试使用浏览器工具查看生成的代码,或添加 URL 字典。

    此外,您需要提交一个带有“提交”类型的输入/按钮的表单。他们的缺席可能会产生错误。

    来自https://www.w3schools.com/tags/tag_button.asp

    提示:始终为元素指定 type 属性,以告诉浏览器它是什么类型的按钮。

    【讨论】:

      【解决方案2】:

      尝试更改按钮上的name 属性,它们都具有相同的name

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2023-03-18
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-06-05
        • 1970-01-01
        相关资源
        最近更新 更多