如何在单选按钮中保留使用选定选项

Question

我有一个使用两个选项的单选按钮的文本表单。例如，默认情况下会选中"完全匹配"。但是，每当单击"提交"时，该选项都会恢复到默认部分，这是不希望的。我想保留用户当前选择的单选选项，而不是默认选项。

<form class="search" action="{{ url_for('nlp.wbkg') }}" method="post">
<input name="query" type="text" id="query" value="{{query}}" autocomplete="on" required>
<button type="submit"><i class="fa fa-search"></i></button>
<div>

</div>
<div>
<input type="radio" name="options" id="exact" value="exact" checked="checked"> Exact match </input>
<input type="radio" name="options" id="fuzzy" value="fuzzy"> Fuzzy Match </input>
</div>
</form>

如何达到这种效果？

编辑：在烧瓶中添加我的服务器端代码：

@bp.route('/wbkg', methods=('GET', 'POST'))
def wbkg():
if request.method == 'POST':
query = request.form['query']
search_type = request.form['options']

results, terms = search(query, search_type)

return render_template('nlp/wbkg.html', items=results, terms=terms, query=query)
flash(error)
return render_template('nlp/wbkg.html')

如何在服务器端处理它？

Answer 1

由于您将元素包装在表单标记中，因此应确保您的提交处理程序运行event.prventDefault((，以防止在触发提交后重置表单。发送API调用后，您可能正在目睹表单的重置。您可以通过查看REQ主体来确认发送的数据是否正确。