老师下拉框的值，怎么取到？就是选中的值，然后提交到视图，我要取到

若羲 2021-12-24

收起

1回答

好帮手慕燕燕回答被采纳获得+3积分 2021-12-24 14:31:16

同学，你好！下拉框的值多是由表单提交上来，在视图函数中使用request.form.get()获取相应表单的值，例如demo.html页面表单中有下拉框，代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form method="post" action="{{ url_for('demo') }}">
        <select name="time_opt">
          <option value="8am">上午8点</option>
          <option value="10am">上午10点</option>
        </select>
        <input type="submit" value="Submit"/>
    </form>
</body>
</html>

视图函数写法如下：

@app.route('/test')
def index():
    return render_template('demo.html')

@app.route('/demo', methods=['POST'])
def demo():
    time_info = request.form.get('time_opt')
    print(time_info)
    return time_info

访问http://127.0.0.1:5000/test ，选择下拉框并提交表单

提交表单会请求http://127.0.0.1:5000/demo

祝：学习愉快！

收起回答

若羲提问者 #1

flask_wtf FlaskForm
wtforms StringField,SubmitField,TextAreaField,SelectField

HOUR_CHOICES [(, ), (, )]
(FlaskForm)hour (, ,HOUR_CHOICES)
    submit ()

是wtf的这种？？

2021-12-24 14:40:32

若羲提问者 #2

看这个图吧，上面粘贴的，显示被转义了

2021-12-24 14:51:17

好帮手慕燕燕回复提问者若羲 #3

同学，你好！老师上面的代码示例没有使用表单类，如果使用表单类，提交到视图，在视图函数中使用form.表单字段.data即可获取到表单数据，可参考以下写法

表单模型：

from flask_wtf import FlaskForm
class TestForm(FlaskForm):
    HOUR_CHOICES = [('8am', '上午8点'), ('10pm', '下午10点')]
    hour = SelectField(u'Hour', coerce=str, choices=HOUR_CHOICES)
    submit = SubmitField('提交')

视图函数：

@app.route('/test')
def test():
    form = TestForm()
    return render_template('demo.html', form=form)


@app.route('/demo', methods=['POST'])
def demo():
    form = TestForm()
    time_info = form.hour.data
    print(time_info)
    return time_info

demo.html文件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <form method="post" action="{{ url_for('demo') }}">
            <p>
                时间: {{ form.hour }}
            </p>
            <input type="submit" value="Submit"/>
        </form>
    </body>
</html>

访问http://127.0.0.1:5000/test ，选择下拉框并提交表单