从选中的单选按钮重定向值显示

Question

我有一个带有相应单选按钮的无序列表。在选择单选按钮并按下提交按钮后，我想采用该值并在重定向的url中使用它。表单提交成功，但是它返回的值是"on"/operations/on，而不是选择的实际值。我已经尝试过使用常规方法=POST以及ajax返回该值，但没有运气。

HTML:

<form id="warehouse-selection-form" action="/" method="post">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
<div class="tab-content mb-4" id="myTabContent">
{% for key, values in warehouses.items() %}
<div class="tab-pane fade" id="{{ key.lower().replace('-', '').replace('  ', ' ').replace(' ', '-') }}" role="tabpanel" aria-labelledby="{{ key.lower().replace('-', '').replace('  ', ' ').replace(' ', '-') }}-tab">
{% for value in values %}
<label class="btn btn-outline-secondary col-1 text-center rounded px-3 m-1" for="{{ value }}">{{ value }}</label>
<input type="radio" class="btn-check" name="radio" id="{{ value }}" autocomplete="off">
{% endfor %}
</div>
{% endfor %}
</div>
<button id="submit" style="display:none;" class="btn btn-primary" onclick="submitWarehouse()">Submit</button>
</form>

瓶:

@select_warehouse_bp.route("/", methods=["GET", "POST"])
def get_home():
warehouse = request.form['radio']
return redirect(url_for('select_warehouse_bp.get_operations', warehouse=warehouse))

@select_warehouse_bp.route("/operations/<warehouse>", methods=["GET", "POST"])
def get_buildings(warehouse):
return render_template("base.html")

AJAX:

• 删除CSRF令牌如果使用此方法和方法=post
• 我也试过用位置重定向。

function submitWarehouse(){
let warehouse = $('input[name="radio"]:checked').attr('id');
$.ajax({
url: `/operations/${warehouse}`,
type: "POST",
data: JSON.stringify({warehouse: warehouse}),
dataType: 'json',
success: function () {
alert('success');
},
error: function () {
alert('fail');
}
});
}

Answer 1

如果你没有为你的输入单选标签使用value属性，如果你没有为HTML单选输入设置值，它将返回"on">