python - フラスコのwtform SelectFieldの選択フィールドにライブ検索を追加して、選択肢を検索します

Question

フラスコの wtforms を使用して、 data-live-search="true" を使用して bootstrap-select のような機能を実装する方法はありますか。動的な選択肢を検索できるように、selectfield にライブ検索を追加したいと考えています。

ライブ検索を使用したブートストラップ選択のコード:

<select class="selectpicker" data-live-search="true">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

私のpython views.py:

@app.route("/r/<int:id>", methods=["POST", "GET"])
def formwtf(id):
    user = Products.query.get(id)
    form = UserDetails(obj=user)
    form.group_id.choices = [(g.category_id, g.category_name) for g in Category.query.order_by('category_name')]

    return render_template('formwtf.html', form=form)

フォーム.py:

class UserDetails(Form):
    group_id = SelectField(u'Group', coerce=int)

私のhtmlコード:

{% extends "bootstrap/base.html" %}
{% import "bootstrap/wtf.html" as wtf %}
{% block content %}
<div>
{{ form.group_id(class="form-control", data_live_search="true") }}
</div>
{% endblock %}

上記の例で、wtforms selectfield で bootstrap-select を使用してライブ検索を追加する方法はありますか。wtform で bootstrap-select を使用できない場合、wtforms を使用してライブ検索を実行できる他の方法はありますか。

https://developer.snapappointments.com/bootstrap-select/examples/ このリンクを参照して、ライブ検索によるブートストラップ選択のデモを確認できます。