Soumettre le formulaire avec les options sélectionnées

Question

Je souhaite être en mesure de soumettre un formulaire avec l'option sélectionnée.

Mon code back-end fonctionne si j'utilise des entrées:

<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> 

mais pour but visuel que je veux utiliser un système d'étoiles au lieu des boutons radio alors j'ai changé à:

<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> 

Donc, fondamentalement, si j'utilise les entrées, la valeur de radio sélectionnée est envoyée au beckend mais si je veux utiliser l'option sélectionnée, la valeur n'envoie rien au backend. Comment puis-je modifier le bouton d'envoi pour obtenir la valeur sélectionnée et l'envoyer au backend?

Answer 1

Vous ne mettez pas name sur <option> vous le mettez sur <select> et la valeur de qui est soumise, basé sur l'option sélectionnée (s)

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