如何使用 flask-wtf 在 html select 的 onChange 上传递参数

Question

以下烧瓶代码创建了一个 select .. 选项下拉菜单：

型号：

class SelectForm(Form):
    country = SelectField('Country', choices=[
        ('us','USA'),('gb','Great Britain'),('ru','Russia')])

烧瓶应用程序：

@app.route('/new')
def new():
    form = SelectForm()
    return render_template('new.html', form = form )

html 文件:

<form method=post action="/register">
    {{ render_field(form.country) }}
  <p><input type=submit value=Register>
</form>

宏文件定义 render_field:

{% macro render_field(field) %}
  <dt>{{ field.label }}
  <dd>{{ field(**kwargs)|safe }}
  {% if field.errors %}
    <ul class=errors>
    {% for error in field.errors %}
      <li>{{ error }}</li>
    {% endfor %}
    </ul>
  {% endif %}
  </dd>
{% endmacro %}

让 onchange 自动提交结果而无需用户按下提交按钮的最佳方法是什么？有没有办法更改宏或最优雅的方法是什么？

谢谢

Answer 1

可以通过添加 javascript onchange 函数作为属性来完成

<form method=post action="/register">
    {{ render_field(form.country(**{"onchange":"this.form.submit()"})) }}
  <input type=submit value=Register>
</form>

如何使用 flask-wtf 在 html select 的 onChange 上传递参数

How to pass parameters on onChange of html select with flask-wtf

javascript

jquery

flask

wtforms