Question

我试图选择在页面刷新后选择保留的选项并尝试使用Jinga2，但我觉得应该工作不起作用。

<div class="col-sm-4 col-lg-4 col-md-4">
                <select class="form-control" id="myselect" name="thing" required>
                        <option value="" {% if thing=='' %} selected {% endif %} ></option>
                        <option value = "Foo" name ="Foo" id="Foo" {% if thing =="Foo" %} selected {% endif %} >Foo</option>
                        <option value = "Bar" name ="Bar" id="Bar" {% if thing =='Bar' %} selected {% endif %}>Bar</option>
                </select>
</div>

使用Python填充和传递可变能量的地方。在调查之后，我觉得这是在Flask中使这个工作的方式/语法，虽然显然不是。任何帮助将不胜感激！

编辑：蟒/瓶

@app,route('/things', methods=['POST']
def things()
    if len(facts['thing']) > 11:
        energy = [facts['thing'][0:8],facts['thing'][9:]]
    else:
        energy = [facts['things']]
 ....
 return render_template('thing.html, thing=thing)

Answer 1

请参阅此示例，因为它适用于您要执行的操作。我无法准确地调试代码中出现的问题，因为你已经为我提供了部件而且我不知道他们在做什么。

文件夹结构

Test
|___templates
|   |___things.html
|___Test.py

<强> things.html

<form method="post">
    <div class="col-sm-4 col-lg-4 col-md-4">
        <select title="thing" class="form-control" id="myselect" name="thing" required>
            <option value="" {% if thing=='' %} selected {% endif %} ></option>
            <option value="Foo" name="Foo" id="Foo" {% if thing =="Foo" %} selected {% endif %} >Foo</option>
            <option value="Bar" name="Bar" id="Bar" {% if thing =='Bar' %} selected {% endif %}>Bar</option>
        </select>
        <button type="submit">SEND</button>
    </div>
</form>

<强> Test.py

from flask import Flask, render_template, request

app = Flask(__name__)
PORT = 5000


@app.route('/things', methods=['GET', 'POST'])
def things():
    """
    Accepts both GET and POST requests. If it's a GET request,
    you wouldn't have a last selected thing, so it's set to an
    empty string. If it's a POST request, we fetch the selected
    thing and return the same template with the pre-selected
    thing.
    You can improve on this and save the last selected thing
    into the session data and attempt to retrieve it from there.
    """
    thing = ''
    if request.method == 'GET':
        return render_template('things.html', thing=thing)
    else:
        thing = request.form.get('thing', '')
        return render_template('things.html', thing=thing)


if __name__ == '__main__':
    app.run(port=PORT)

Answer 2

试试这个，如果你还没有

{% if thing == "Foo" %}
    <option value = "Foo" name ="Foo" id="Foo" selected>Foo</option>
    <option value = "Bar" name ="Bar" id="Bar">Bar</option>
{% elif thing == "Bar" %}
    <option value = "Foo" name ="Foo" id="Foo">Foo</option>
    <option value = "Bar" name ="Bar" id="Bar" selected>Bar</option>
{% endif %}

Answer 3

重要的部分是在您想要的选项中使用 selected 呈现页面：

<option value="Foo" selected>Foo</option>

double_j 的使用模板将其插入到您的 html 中的答案效果很好，但是如果您从列表构建下拉列表，从 python 构建您的 html 可能更容易：

import flask
import socket

app = flask.Flask(__name__)

all_things = ['Foo', 'Bar', 'Fizz', 'Buzz']
current_thing = None
def show_selection(target):
    if target == current_thing:
        return 'selected'
    else:
        return ''

def menu():
    template = '''<form action = "things" method = "post">
    <select id="target" name="target">
    {targets}
    </select>
    <input type="submit" name="build" value="Build">
</form>
    '''
    # vvv This is the important part vvv
    targets = [f'<option value="{t}" {show_selection(t)}>{t}</option>' for t in all_things] 
    return template.format(
        targets='\n'.join(targets)
    )
    # ^^^ This is the important part ^^^

@app.route('/things', methods=['GET', 'POST'])
def things():
    global current_thing
    current_thing = flask.request.form.get('target')
    page = menu()
    if flask.request.method == 'POST' and 'build' in flask.request.form:
        page += f'Building {current_thing}'
    else:
        page += 'Press Build button'
    return page


if __name__ == '__main__':
    PORT = 8080
    print("Visit http://{}:{} to trigger builds".format(socket.gethostname(), PORT))
    app.run(host='0.0.0.0', port=PORT, debug=True)

使用Flask POST后，选择选项保持选中状态

3 个答案: