flask -如何在相同的html页面中显示选定的下拉值？
在Flask中，可以使用Jinja2模板引擎来实现在相同的HTML页面中显示选定的下拉值。下面是一个示例代码：
- 首先，在Flask应用程序中导入必要的模块和类：
from flask import Flask, render_template, request- 创建Flask应用程序实例：
app = Flask(__name__)- 定义一个路由，用于处理GET和POST请求：
@app.route('/', methods=['GET', 'POST'])
def index():
if request.method == 'POST':
selected_value = request.form.get('dropdown') # 获取选中的下拉值
# 在这里可以对选中的值进行处理或者进行其他操作
dropdown_values = ['Option 1', 'Option 2', 'Option 3'] # 下拉选项的值
return render_template('index.html', dropdown_values=dropdown_values)- 创建一个名为
index.html的模板文件，用于显示下拉列表和选中的值：
<!DOCTYPE html>
<html>
<head>
<title>Flask Dropdown Example</title>
</head>
<body>
<form method="POST" action="/">
<select name="dropdown">
{% for value in dropdown_values %}
{% if value == selected_value %}
<option value="{{ value }}" selected>{{ value }}</option>
{% else %}
<option value="{{ value }}">{{ value }}</option>
{% endif %}
{% endfor %}
</select>
<input type="submit" value="Submit">
</form>
</body>
</html>在上述代码中，使用了Jinja2模板引擎的语法来动态生成下拉列表的选项。在POST请求中，通过request.form.get('dropdown')获取选中的下拉值，并进行相应的处理。
这是一个简单的示例，你可以根据实际需求进行修改和扩展。关于Flask的更多信息和使用方法，你可以参考腾讯云的产品介绍页面：Flask - Python Web 框架。
相关·内容
我正在开发一个flask应用程序，在其中我有一个下拉列表，当我选择一个选项时，它应该显示在下拉列表"Your selected score：“和所选分数的下方。我显示了一个下拉列表，如下所示： <select name="score"> <option value={{score}}> {{score}} </option>
浏览 20提问于2019-10-17得票数 0
回答已采纳
我有一个固定选项下拉列表在我的html页面。它包含三个选项(按名称、视图、喜好)对页面上显示的数据进行排序。当下拉列表中的值被更改时，我将提交表单，控制器将根据所选的排序选择返回更新的数据。但是下拉列表中所选的选项重置为第一个选项。如何在下拉列表中设置选定<
浏览 2提问于2015-04-21得票数 0
回答已采纳
我用php创建了一个个人资料页面，用户使用html下拉列表选择性别。html代码如下： <option value=" "> EMPTY </option> <option value="Female"&
浏览 0提问于2013-02-26得票数 3
回答已采纳
在表单容器上方(我可以在搜索和详细视图之间导航的地方)有一个类似标题的导航菜单，其中是常用的菜单项(搜索、添加新项等)。
想象一下下面的场景:我用信息填充下拉列表和其他搜索字段，然后按下搜索按钮。我从列表中打开一项以查看详细视图。我按下类似标题的导航菜单上的搜索按钮，返回到我的搜索结果。所有结果将保持与我离开结果列表之前相同，并且所有搜索参数字段具有相同的值，并且ddl具有我在进行
浏览 1提问于2013-09-27得票数 1
我的页面上有两个下拉列表，它们具有相同的项集(null、True、False)。我不明白如何以及为什么，当页面呈现时，如果值为null，Razor会为当前的条目选择先前的下拉选项。(b => b.Field1, Model.YesNoBlank) Field 2 @Html.DropDownListFor(b => b.
浏览 5提问于2018-10-18得票数 0
回答已采纳
2回答
我的html页面分为两部分，包含侧边栏和内容，在侧边栏中我有两个下拉框，一个用于学年，另一个用于在第一个下拉菜单中选择的相应学年的学生姓名，下一个是提交按钮。当我点击提交按钮时，它将重定向到下一页，下一页看起来也是一样的，但在内容页它显示选定的学生档案，在侧栏中将有两个相同的下拉列表。我在这里面临的问题是，首先
浏览 0提问于2014-05-28得票数 0
1回答
我的索引包含呈现页面的默认值。我已经使用jquery根据用户操作在我的视图中填充了下拉列表(相同的下拉列表根据用户操作包含不同的列表)。我的问题是，当我刷新页面时，下拉列表被恢复为索引中提供的默认数据。
有没有办法在页面刷新时将数据传递到索引，如文本框中的数据或下拉列表<em
浏览 1提问于2012-09-26得票数 0
回答已采纳
我正在学习烧瓶和Python以及HTML和CSS。我有一个水瓶模板来渲染一个下拉列表。方法不允许请指导我找到最好的解决
浏览 4提问于2016-02-08得票数 4
回答已采纳
我已经创建了与列表的html页面，我有另一个与这些列表的谷歌地图页面页面。我需要有一个下拉下拉的html页面，在那里我可以改变它的值，在html和地图页面中的列表应该显示的选定值。
浏览 1提问于2015-09-29得票数 0
当向我的数据库添加新记录时，我使用html选择下拉列表将用户对特定字段的选择限制为: New、Good、Fair和Poor。这四个值中的一个将始终存储在该字段中。在另一个页面上，我给用户一个编辑该字段内容的机会。在那里，我还将使用相同的html选择下拉列表将用户的选择限制在相同的四个值
浏览 1提问于2014-12-08得票数 0
回答已采纳
2回答
我有一个关于python的元素列表，我可以在index.html页面上以下拉列表的形式获得它，并将一个选定的值发送到另一个页面进行处理。问题是如何选择列表中的多个元素。我的意思是没有select或chosen.js库的几个元素？所有工作代码：import os
from flask import Flask,
浏览 18提问于2020-05-27得票数 0
我正在为我的应用程序使用视图数据列表，我想在提交page.The求和位之后显示选定的值，返回select2 ()，这也是相同的页面。@Html.DropDownList("DatabaseNames")<button type="submit" class="btnHttpP
浏览 0提问于2019-12-16得票数 0
我正在使用来自以下来源的AngularJS多选下拉代码：MultiSelectDropDown 我在同一个html页面中使用了两次相同的下拉列表。我想要显示第一个多选下拉菜单的默认选定名称为"Projects“，第二个显示为”Environment“。multiselect.js文件中的代码使用了一个指令，scope.header默认设
浏览 29提问于2021-06-30得票数 0
回答已采纳
在加载JSP默认值时，我将加载一个下拉列表值，而第二个下拉列表值是根据第一个下拉列表值的选择加载的。当选择第二个下拉值时，将执行onChange事件并刷新页面。当页面正在刷新时，第一个下拉列表将再次被调用！是否存在避免第一个下拉列表的默认加载的第二次执行，同时也需要保存JSP提交的</
浏览 1提问于2013-10-28得票数 0
下面是烧瓶的应用程序。我有一个下拉列表中的值。所以我需要一个与下拉列表中选择的值相对应的表。但是现在，表的所有值都显示为app.py。from flask import Flask, render_templateimport sqlalchemy as sal
from sqlalchemyimport
浏览 1提问于2022-10-16得票数 0
回答已采纳
1回答
我正在尝试显示从SQL生成的下拉选项，并将选定的值发送回flask。我设法加载了下拉选项，但我无法获得选定的值。当我尝试在HTML中显示所选的选项时，它是空的。 # Initialize a dictio
浏览 0提问于2018-06-27得票数 0
当我单击“后退”按钮时，下拉菜单将不再后退。但是gridview数据回溯。相应的下拉列表没有正确更改。function Back() { history.go(-1);
}
浏览 2提问于2013-04-04得票数 1
2回答
在我的项目中，我想实现一个像这样的接口，用于选择州和城市。为此，我试图创建一个带有两个独立块的视图，一个用于州，另一个用于城市，但我面临一个问题，即选择一个州如何在不重新加载整个页面的情况下显示城市。
你可以通过访问来了解我的问题，请帮助我。
浏览 0提问于2011-01-27得票数 0
使用Struts 1.3遵循代码示例。，当我输入无效的用户名，密码，并选择语言，如Deutsch。所选的最后一种语言应该被持久化，并显示在下拉列表中。但是下拉列表是初始化的，值被设置为Engli
浏览 3提问于2015-06-11得票数 1
回答已采纳
在我的xhtml页面中，我会显示一些下拉列表，顶部是最新选定的值。我想知道如何在退出页面(但不包括会话，例如，单击网站的另一页)并返回到第一页时重新初始化值，以便当我返回时，下拉列表中的默认值位于顶部，而不是退出页面之前选定的值。豆子<em
浏览 5提问于2014-02-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
