Question

我希望能够提交带有所选选项的表单。

如果我使用输入，我的后端代码正常工作：

<input id="id_value_0" name="value" type="radio" value="1" />
<input id="id_value_1" name="value" type="radio" value="2" />
<input id="id_value_2" name="value" type="radio" value="3" />
<input id="id_value_3" name="value" type="radio" value="4" />
<input id="id_value_4" name="value" type="radio" value="5" />
<button type="submit" class="btn btn-default btn-sm" value="{% trans "Rate" %}"
        onclick="return $(this.form).find('option:selected').length == 1;">
</button>

但出于视觉目的，我想使用星级评分系统而不是单选按钮，所以我改为：

<select id="id_value" form="form_id">
            <option id="id_value_0" name="value" value="1">1</option>
            <option id="id_value_1" name="value" value="2">2</option>
            <option id="id_value_2" name="value" value="3">3</option>
            <option id="id_value_3" name="value" value="4">4</option>
            <option id="id_value_4" name="value" value="5">5</option>
</select>
<button type="submit" class="btn btn-default btn-sm" value="{% trans "Rate" %}"
        onclick="return $(this.form).find('option:selected').length == 1;">
</button>

所以基本上如果我使用输入，所选的无线电值将被发送到beckend但是如果我想使用所选的选项，则该值不会向后端发送任何内容。如何更改提交按钮以获取所选值并将其发送到后端？

Answer 1

您不能name <option>将<select>放在<select id="id_value" form="form_id" name="value> <option value="1">1</option>上，并根据其选择的选项提交该值<\ n / p>

{{1}}

使用所选选项提交表单

1 个答案: