如何在單選按鈕中保留使用選定的選項？

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>

如何達到那種效果？

編輯：在 flask 中添加我的服務器端代碼：

@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.preventDefault() 以防止在觸發提交后重置表單。 在發送 API 調用后，您可能會看到表單的重置。 您可以通過查看您的 REQ 正文以查看發送的數據是否正確來確認這一點。