gpt4 book ai didi

python - 如何使用 Flask 和 HTML 从 python 列表创建下拉菜单

转载 作者:技术小花猫 更新时间:2023-10-29 12:48:39 25 4
gpt4 key购买 nike

我正在尝试使用来自 python 脚本的信息在 HTML 中创建下拉菜单。到目前为止,我已经让它工作了,但是,html 下拉列表将列表中的所有 4 个值显示为 4 个选项。

当前:选项 1:红色、蓝色、黑色橙色; 选项 2: 红色、蓝色、黑色、橙色等(链接中的屏幕截图) Current

期望:选项 1: 红色选项 2:蓝色等

如何使 python 列表分开?

下拉列表.py

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


@app.route('/', methods=['GET'])
def dropdown():
colours = ['Red', 'Blue', 'Black', 'Orange']
return render_template('test.html', colours=colours)

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

测试.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dropdown</title>
</head>
<body>
<select name= colours method="GET" action="/">
{% for colour in colours %}
<option value= "{{colour}}" SELECTED>{{colours}}</option>"
{% endfor %}
</select>

</body>
</html>

最佳答案

您需要在两个地方都使用 {{colour}}(而不是在第二个地方使用 {{colours}}):

<select name="colour" method="GET" action="/">
{% for colour in colours %}
<option value="{{colour}}" SELECTED>{{colour}}</option>"
{% endfor %}
</select>

请注意,在循环中使用selected 会将selected 属性添加到所有选项,最后一个将被选中,您需要做的是:

<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>

关于python - 如何使用 Flask 和 HTML 从 python 列表创建下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45877080/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com