如何在 HTML 標記中使用 select 信息以在 flask 表單中使用

Question

我的問題：

有沒有辦法讓我可以 select 來自h4標簽之間的藝術家姓名並使用 Flask 將其傳遞到數據庫中？

語境：

我是 flask 的新手，所以我可能會在這里犯一些非常簡單的錯誤。 我試圖允許用戶單擊按鈕以“關注/喜歡”藝術家，當他們這樣做時，藝術家的姓名將與用戶 ID 一起添加到基本數據庫中。 為此，我嘗試使用request.form.get('artistName') 。 但是，每次這都不會返回任何東西。

我的代碼的 HTML 如下所示：

{% for i in range(numOfResults) %}
     <form method="POST" action="/follow">
         <div class="col-xs-6 col-sm-3 placeholder">
             <img src="{{artistImage[i]}}" width="200" height="200" class="img-responsive" alt="Missing Artist Image">
             <h4 name='artistName'>{{ artistName[i] }}</h4>
             <button type="submit">Follow Artist</button>
          </div>
      </form>
{% endfor %}

我的 app.py 如下所示：

@app.route('/follow', methods=['GET', 'POST'])
def follow():
    artistName = request.form.get('artistName')
    new_like = Like(user_id=current_user.id, artist=artistName, artist_id='10')
    db.session.add(new_like)
    db.session.commit()
    return '<h1> Artist Followed </h1>'

Answer 1

h4不是有效的表單元素，因此您將無法像這樣獲取它的值。 人們通常為此目的使用隱藏輸入。

試試這個代碼：

{% for i in range(numOfResults) %}
     <form method="POST" action="/follow">
         <div class="col-xs-6 col-sm-3 placeholder">
             <img src="{{artistImage[i]}}" width="200" height="200" class="img-responsive" alt="Missing Artist Image">
             <h4>{{ artistName[i] }}</h4>
             <input type="hidden" name="artistName" value="{{ artistName[i] }}">
             <button type="submit">Follow Artist</button>
          </div>
      </form>
{% endfor %}