javascript - 提交包含选定选项的表单

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>

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

Answer 1

你不输入name上<option>你把它放在 <select>并根据其选择的选项提交其值

<select id="id_value" form="form_id" name="value>
   <option  value="1">1</option>