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

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

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

Current

所需：选项1：红色

选项2：蓝色

等等

我怎样才能使python列表分离？

下拉列表.pyfrom 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

Dropdown

{% for colour in colours %}

{{colours}}"

{% endfor %}

flask html下拉列表,如何使用Flask和HTML从python列表创建下拉菜单相关推荐

python tk下拉列表_如何从Tkinter中的列表创建下拉菜单？
要创建"下拉菜单",可以在tkinter中使用OptionMenu 基本OptionMenu示例:from Tkinter import * master = Tk() varia ...
python写下拉列表在excel_python – OpenPyXL：是否可以在Excel工作表中创建下拉菜单？...
我正在尝试使用openpyxl在单元格中存储有效IP地址列表.目前,数据只是放入一个单元格,通常会溢出到其他单元格中.使用以下代码: # Regex to return a tidy list of ...
下拉菜单显示隐藏html,根据在下拉列表中选择的内容隐藏和显示HTML元素
我的网站是在ASP classic - VBScript中创建的(不是我的选择,也是我之前没有过的语言).我试图在其中创建一个网页:下拉菜单显示了基于第一个选择内容的额外下拉菜单.我正在尝试使用Jav ...
jsp 下拉列表选取触发function_Bootstrap下拉菜单样式
使用Bootstrap下拉插件用于显示切换你要展示的链接列表和更多内容的,或触发其它内容显示(覆盖). 将下拉列表的切换(按钮或链接)和下拉菜单包含在.dropdown中,或者另外声明position ...
web下拉列表代码_你做的Excel下拉菜单已Out，更好用的多列显示来了
在excel中设置下拉菜单很简单,直接用数据有效性-序列就可以实现. 今天我们介绍的下拉菜单: 可以显示多列内容选取后只输入其中一列的内容. 制作步骤: 一. 生成多列下拉列表 1.添加辅助列,用& ...
qtcreator下拉列表怎么制作_设置EXCEL动态下拉菜单，只需要一个组合键，新手也能快速掌握...
操作版本:OFFICE365 在EXCEL制作一级下拉菜单有4种方法,你掌握几种?一文中,我提到了一级下拉菜单的制作方法,其中用公式法来制作下拉菜单可以实现内容增减后下拉菜单的内容也自动增减,这个方法 ...
html ui 下拉列表,Atitit.ui控件-下拉菜单选择控件的实现select html_html/css_WEB-ITnose...
Atitit.ui控件---下拉菜单选择控件的实现select html 1. 调用& model的实现 1 2. -----select.jsp------ 1 1. 调用& mod ...
vue.js bootstrap 下拉列表_Excel下拉菜单制作的小技巧
在工作中,常常需要对多行多列的数据设置下拉菜单,但在使用数据验证,设置下拉菜单时,序列来源是不能执行引用多行多列区域的,否则即会出现下图提示框,应该如何进行设置呢? 第一步:定义名称框鼠标依次点击公 ...
excel图表配合下拉菜单_在下拉列表中选择Excel仪表盘图表
excel图表配合下拉菜单 You can make an interactive dashboard in Excel, even if you can't use macros, or prefe ...

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

flask html下拉列表,如何使用Flask和HTML从python列表创建下拉菜单相关推荐

最新文章

热门文章