当选择下拉项目时显示为活动Flask Jinja Bootstrap

Question

我有点卡住了。

我有一个烧瓶形式

class RegistrationForm(Form):
    age  = RadioField('Label', choices=[('0','A'), ('1','B'), ('2','C')])

我在jinja模板中尝试做的是当某个人选择他们的年龄时，它会将其显示为活动div。并将其传递给表单提交。

@app.route('/register', methods=['GET', 'POST'])
@pny.db_session
def register():
    form = RegistrationForm(request.form)
    return render_template('register.html', form=form)

但这是我遇到问题的地方

<div class="btn-group" role="group" aria-label="...">
  <div class="btn-group" role="group">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Age
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li>{{ form.age }}</li>
    </ul>
  </div>
</div>

它显示了无线电气泡，但是当我选择它们时，它不会使它成为活动的div。而且它没有显示与年龄相关的数字。

我正在尝试制作

<ul class="dropdown-menu">
    <li>{{ form.age }}</li>

显示用户选择的选择。

非常感谢任何帮助。