wtforms SelectField总是返回None

Question

因此，我正在使用FlaskForm和wtforms构建一个包含SelectField的Web表单。当用户提交表单时，我可以毫无问题地读取StringFields，但是SelectField的值始终为None。

我几个小时以来一直在寻求解决此问题的方法，但是找不到答案或解释我的代码出了什么问题。

我查看了以下未成功的线程：

• wtforms SelectField with dynamic choices always returns "none" for data
• wtforms returns only None

还有更多，我再也找不到。我还阅读了documentation和these示例。

这里有一些代码可以重现该问题：

from flask import Flask, url_for, redirect, request, render_template_string
from flask_wtf import FlaskForm
from wtforms import SelectField, SubmitField

app = Flask(__name__)
app.config["SECRET_KEY"] = "very_secret"

# basic html template
my_html = """
<div class="content-section">
        <form method="POST" action=".">
            {{form.hidden_tag()}}
            <fieldset class="form-group">
                <legend class="border-bottom mb-4">New Task</legend>


                <div class="form-group">
                    {{ form.select.label(class="form-control-label")}}
                    <select class="form-control" id="continent_selector">
                        {% for choice in form.select.choices %}
                            <option value="{{ choice[1] }}">{{ choice[0] }}</option>
                        {% endfor %}
                      </select>
                </div>


            </fieldset>
            <div class="form-group">
                {{ form.submit(class="btn btn-outline-info")}}
            </div>
        </form>
    </div>
"""


class TaskForm(FlaskForm):
    tuple_list = [("Choice_0", 0), ("Choice_1", 1)]
    select = SelectField("select", choices=tuple_list)
    submit = SubmitField("Create Task")


@app.route("/", methods=["GET", "POST"])
def new_task():
    form = TaskForm()
    if request.method == "POST": 
        print("-------------FORM--------------")
        print(form.data)
        print("-------------END--------------")
        return str(form.select.data)
    return render_template_string(my_html, title="New Task", form=form)


if __name__ == "__main__":
    app.run(debug=True)

打印出form.data看起来像这样：

{'select': 'None', 'submit': True, 'csrf_token': 'some_hash'}

如果有人可以向我指出我在做错的事情，那将是非常好的：）

Answer 1

<select class="form-control" id="continent_selector">

使用：

<select class="form-control" id="continent_selector" name="select">