文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用烧瓶和html返回下拉列表中选择的值

问如何使用烧瓶和html返回下拉列表中选择的值
EN

Stack Overflow用户

提问于 2019-09-26 05:12:22

回答 1查看 9.9K关注 0票数 0

我有四个下拉列表，我试图返回所有选择返回列表。我用html和烧瓶。我有个按钮，名字叫开始。我需要在点击开始按钮，列表中选择的所有4个选项在下拉列表应该返回。我对酒瓶很陌生。这是我第一次使用它，所以请帮助我。

html代码是

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

python

html

css

flask

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-09-26 05:34:37

您需要使用普通表单或JS将数据发布到您的烧瓶服务器。

这将是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 flask import Flask, flash, redirect, render_template, \
     request, url_for

app = Flask(__name__)

@app.route('/')
@app.route('/home', methods = ['GET'])
def home():
    return render_template('form.html')

@app.route('/submit-form', methods = ['POST'])
def submitForm():
    selectValue = request.form.get('select1')
    return(str(selectValue))

更新#1

将python代码更改为：

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)

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/58109941

复制

相似问题

问如何使用烧瓶和html返回下拉列表中选择的值
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用烧瓶和html返回下拉列表中选择的值EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用烧瓶和html返回下拉列表中选择的值
EN