Python 如何使用flask和html返回下拉列表中选择的值列表
我有四个下拉列表，我试图返回一个列表，列出所有选择的选项。我正在使用html和flask。我有一个名为“开始”的按钮。我需要在单击开始按钮时，返回下拉列表中选择的所有4个选项的列表。 我对烧瓶很陌生。这是我第一次使用它，所以请帮助我 html代码是Python 如何使用flask和html返回下拉列表中选择的值列表,python,html,css,flask,Python,Html,Css,Flask,我有四个下拉列表，我试图返回一个列表，列出所有选择的选项。我正在使用html和flask。我有一个名为“开始”的按钮。我需要在单击开始按钮时，返回下拉列表中选择的所有4个选项的列表。 我对烧瓶很陌生。这是我第一次使用它，所以请帮助我 html代码是 <!DOCTYPE html> <html> <head> <meta name = "viewport" content = "width=device-width, initial-scale
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width=device-width, initial-scale =1.0">
<title>Select Options</title>
<style>
body {
background: url("F:/Meethi Folder/COLLEGE/COMPETITIONS/Sidh Competition/nmims_logo.png");
background-position:515px 330px;
background-repeat: no-repeat;
background-size:15%;
}
h2 {
color: black;
}
.wrapper{
text-align:center;
}
.button{
position:absolute;
left:570px;
background-color:#A9A9A9;
font-size: 30px;
top:35%;
}
form{
display:inline-block
}
.ex
{
margin:auto;
width:90%;
padding:40px;
border:outset;
}
select
{
display:inline-block;
cursor:pointer;
font-size:16px;
}
.ey
{
display:inline-block;
padding:40px;
}
.gap{
clear:both;
margin-bottom:2px;
}
</style>
</head>
<body>
<div class = "ex">
<form method="post">
<h2> Choose The Programme:</h2>
<select name="val">
<option value="None">Select Programme</option>
<option value="BTech">BTech</option>
<option value="BTech Integrated">BTech Integrated</option>
<option value="MTech">MTech</option>
<option value="MBATech">MBATech</option>" . $options . "
</select>
</form>
<form class = "ey">
<h2> Choose The Course:</h2>
<select>
<option value="None">Select Course</option>
<option value="CS">Computer Science</option>
<option value="Civil">Civil</option>
<option value="DS">Data Science</option>
<option value="Electrical">Electrical</option>
<option value="Electronics">Electronics</option>
<option value="CS">Chemical</option>
<option value="CS">Mechatronics</option>
<option value="IT">Information Technology</option>
<option value="Mech">Mechanical</option> " . $options . "
</select>
</form>
<form class="ey">
<h2> Choose The Year:</h2>
<select>
<option value="None">Select Year</option>
<option value="First Year">First Year</option>
<option value="Second Year">Second Year</option>
<option value="Third Year">Third Year</option>
<option value="Fourth Year">Fourth Year</option>
<option value="Fifth Year">Fifth Year</option>
<option value="Sixth Year">Sixth Year</option>
</select>
</form>
<form class = "ey">
<h2> Choose The Hour:</h2>
<select>
<option value="None">Select Time Slot</option>
<option value="8:00 am">8:00 am</option>
<option value="9:00 am">9:00 am</option>
<option value="10:00 am">10:00 am</option>
<option value="11:00 am">11:00 am</option>
<option value="12:00 pm">12:00 pm</option>
<option value="1:00 pm">1:00 pm</option>
<option value="2:00 pm">2:00 pm</option>
<option value="3:00 pm">3:00 pm</option>
<option value="4:00 pm">4:00 pm</option>
<option value="5:00 pm">5:00 pm</option>
</select>
</form>
<br><br>
<div class = "wrapper">
<button class = "button" onclick=click()>Start</button>
</div>
</div>
</body>
选择选项
身体{
背景：url（“F:/Meethi Folder/COLLEGE/COMPETITIONS/Sidh Competition/nmims_logo.png”）；
背景位置：515px330px；
背景重复：无重复；
背景大小：15%；
}
氢{
颜色：黑色；
}
.包装纸{
文本对齐：居中；
}
.按钮{
位置：绝对位置；
左：570px；
背景色：#A9A9；
字体大小：30px；
最高：35%；
}
形式{
显示：内联块
}
前任
{
保证金：自动；
宽度：90%；
填充：40px；
边界：开始；
}
选择
{
显示：内联块；
光标：指针；
字体大小：16px；
}
安永先生
{
显示：内联块；
填充：40px；
}
.差距{
明确：两者皆有；
边缘底部：2px；
}
选择节目：
精选节目
通信管理
BTech集成
MTech
MBATech.“$options”
选择课程：
选课
计算机科学
公民的
数据科学
与电有关的
数码产品
化学药品
机电一体化
信息技术
机械设备：“$options”
选择年份：
选择年份
第一年
第二年
第三年
第四年
第五年
第六年
选择时间：
选择时隙
上午8:00
上午9点
上午10:00
上午11:00
下午12:00
下午1:00
下午2:00
下午三点
下午四点
下午五点
开始
您需要使用普通表单或JS将数据发布到flask服务器 这将是您的HTML：
<form class = "ey" method="POST" action="{{ url_for('submitForm') }}"> <!-- note action -->
<select name="select1"> <!-- note the name -->
<option value="None">Select Course</option>
<option value="CS">Computer Science</option>
<option value="Civil">Civil</option>
<option value="DS">Data Science</option>
<option value="Electrical">Electrical</option>
<option value="Electronics">Electronics</option>
<option value="Chem">Chemical</option>
<option value="ME">Mechatronics</option>
</select>
</form>
from datetime import datetime
from flask import render_template,request,redirect,url_for,Flask
app = Flask(__name__)
@app.route('/')
@app.route('/home',methods = ['GET'])
def home():
return render_template('form2.html')
@app.route("/hello", methods = ['POST'])
def hello():
select = request.form.get('val')
return select
if __name__=='__main__':
app.run(host='0.0.0.0', port=8080, debug=True)
您需要使用普通表单或JS将数据发布到flask服务器 这将是您的HTML：
<form class = "ey" method="POST" action="{{ url_for('submitForm') }}"> <!-- note action -->
<select name="select1"> <!-- note the name -->
<option value="None">Select Course</option>
<option value="CS">Computer Science</option>
<option value="Civil">Civil</option>
<option value="DS">Data Science</option>
<option value="Electrical">Electrical</option>
<option value="Electronics">Electronics</option>
<option value="Chem">Chemical</option>
<option value="ME">Mechatronics</option>
</select>
</form>
from datetime import datetime
from flask import render_template,request,redirect,url_for,Flask
app = Flask(__name__)
@app.route('/')
@app.route('/home',methods = ['GET'])
def home():
return render_template('form2.html')
@app.route("/hello", methods = ['POST'])
def hello():
select = request.form.get('val')
return select
if __name__=='__main__':
app.run(host='0.0.0.0', port=8080, debug=True)
我们不做家庭作业。给我们看看你的代码，我们会help@mrid我已经编辑了问题，请检查代码谢谢。选择标签中的选项之后是什么？
$options$options