如何使用 flask 從下拉菜單中獲取值

Question

在單擊 UI 如下所示的提交按鈕后，我試圖從下拉菜單中獲取值：

上述代碼如下：

應用程序.py

from flask import Flask, render_template, request
app = Flask(__name__)
app.debug = True


@app.route('/', methods=['GET'])
def dropdown():
    colours = ['SBI', 'Kotak', 'Citi', 'AMEX', 'BOB', 'AXIS', 'HDFC', 'IDBI', 'YES', 'IndusInd']
    return render_template('feba.html', colours=colours)

if __name__ == "__main__":
    app.run()

index.html在模板文件夾中

<!DOCTYPE html>
<html lang="en">

<style>
    body {text-align:center}
</style>

<head>
    <meta charset="UTF-8">
</head>

<body>

    <img src="{{url_for('static', filename='logo_1.jpg')}}" align="middle" />
    <h1>KARDFINDER</h1>
    <h2>json file generator for banks</h2>

        <select name="colour" method="GET" action="/">
      <option value="{{colours[0]}}" selected>{{colours[0]}}</option>
      {% for colour in colours[1:] %}
        <option value="{{colour}}">{{colour}}</option>
      {% endfor %}
        </select>

      <input type= "submit" name="submitbutton" value ="Submit"></body>
</html>

logo_1.jpg 位於 static 文件夾中

我發布此問題的主要目的是獲得一個解決方案，借助該解決方案，我可以在單擊提交按鈕后從下拉菜單中獲取值，並且我希望將該值存儲在 app.py 文件中的變量中

請幫我解決一下這個。

Answer 1

下面的代碼適用於我，

from flask import Flask, render_template, request, redirect
app = Flask(__name__)
app.debug = True


@app.route('/', methods=['GET'])
def dropdown():
    colours = ['SBI', 'Kotak', 'Citi', 'AMEX', 'BOB', 'AXIS', 'HDFC', 'IDBI', 'YES', 'IndusInd']
    return render_template('feba.html', colours=colours)


@app.route('/dropdown', methods = ['POST'])
def dropp():
    dropdownval = request.form.get('colour')
    print(dropdownval)
    return redirect("/", code=302)
if __name__ == "__main__":
    app.run()

<!DOCTYPE html>
<html lang="en">

<style>
    body {text-align:center}
</style>

<head>
    <meta charset="UTF-8">
</head>

<body>
    <img src="{{url_for('static', filename='logo_1.jpg')}}" align="middle" />
    <h1>KARDFINDER</h1>
    <h2>json file generator for banks</h2>
     <form method="POST" action="/dropdown">
        <select name="colour">
      <option value="{{colours[0]}}" selected>{{colours[0]}}</option>
      {% for colour in colours[1:] %}
        <option value="{{colour}}">{{colour}}</option>
      {% endfor %}
        </select>
      <input type="submit" value ="Submit">
      </form>
</body>
</html>

你應該學習http requests , html forms和ajax

Answer 2

您也可以將索引和下拉頁面合二為一：

from flask import Flask, render_template, request, redirect, url_for
app = Flask(__name__)
app.debug = True

@app.route('/', methods=['GET','POST'])
def dropdown():
    colours = ['SBI', 'Kotak', 'Citi', 'AMEX', 'BOB', 'AXIS', 'HDFC', 'IDBI', 'YES', 'IndusInd']
    if request.method=='POST':
        var = request.form['var']
    return render_template('feba.html', colours=colours)

if __name__ == "__main__":
    app.run()

這有點簡單。 您可以使用與 Mert Celik 相同的 html 代碼，但將 action="/dropdown" 更改為 action="/"

如何使用 flask 從下拉菜單中獲取值

問題描述

2 個解決方案

解決方案1
1 已采納 2021-03-14 18:10:24

解決方案2
0 2021-03-14 18:27:15

如何使用 flask 從下拉菜單中獲取值

問題描述

2 個解決方案

解決方案1 1 已采納 2021-03-14 18:10:24

解決方案2 0 2021-03-14 18:27:15

解決方案1
1 已采納 2021-03-14 18:10:24

解決方案2
0 2021-03-14 18:27:15