主页 / 问题 / 1596487
Accepted
weldoy
Asked:2024-10-12 22:58:50 +0000 UTC2024-10-12 22:58:50 +0000 UTC

从没有输入标签的表单中获取数据

  • 772

是否可以从 h3 标签获取数据，该标签的表单包含使用 Jinja 语言输入的一些文本？您需要从h3标签获取{{product.product_price}}并将其发送到product_price变量中的hoodies_proof(product_id)函数。

超文本标记语言

<form method="post">
    <div class="assorti"><h2>{{ product.product }}</h2></div>
    <div class="cardcontainer">
        <article class="card">
            <img src="{{ url_for('static', filename='img/t-shirts.jpg') }}" alt="Футболка" height="270">
        </article>
    </div>
    <div class="oryr">
        <h3 name="product_price">{{ product.product_price }} руб</h3>
            
        <div class="choose_size">
            <input name="XS" type="button" value="XS" class="cs_card">
            <input name="S" type="button" value="S" class="cs_card">
            <input name="M" type="button" value="M" class="cs_card">
            <input name="L" type="button" value="L" class="cs_card">
            <input name="XL" type="button" value="XL" class="cs_card">
        </div>

        <ul>
            <p>Собственное произодство</p>
            <p>Хлопок - 100%</p>
            <p>Качественный принт</p>
        </ul>
    </div>

    <div class="box_4_btn">
        <button data-v-c3114ba2="" class="app-button basket-price__submit width-100 paypose" type="submit">
        Добавить в корзину</button>
    </div>
</form>

PYTHON

@app.route('/hoodies/<int:product_id>/proof', methods=["GET", "POST"])
def hoodies_proof(product_id):
    product = Cart.query.get_or_404(product_id)
    # product_price = request.form.get('product_price')

    return render_template('proof.html', product=product)
python

1 个回答

  1. Best Answer

    是的，例如，您可以jQuery用于此目的。例如，假设您的h3有id，这样我们就可以更轻松地访问它：

    <h3 name="product_price" id="product_price">{{ product.product_price }} руб</h3>
const price = $('#product_price').text()

    或者通常的一种js：

    <h3 name="product_price" id="product_price">{{ product.product_price }} руб</h3>
const price = document.getElementById('product_price').innerHTML

    另外，使用js，您可以使用 select 方法getElementsByName()，这将返回一个具有相同名称的元素数组：

    <h3 name="product_price">{{ product.product_price }} руб</h3>
const items = document.getElementsByName('product_price')
cost price = items[0]
    • 1

相关问题