2016-07-13 20 views
1

選択したオプションでフォームを送信したいと考えています。私は入力を使用している場合選択したオプションでフォームを送信

マイバックエンドのコードは動作しています:

<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に送られますが、選択したオプションを使用したい場合、値はバックエンドに何も送信しません。送信ボタンを変更して選択した値を取得し、バックエンドに送信するにはどうすればよいですか?

答えて

1

あなたは感謝に、1分間で固定し、

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

グレートあなたが<select>の上に置くと、その値は、それがオプション(複数可)を選択されているに基づいて提出される<option>に多くのことをnameを入れないでください。 – Torostar