提交表單失敗javascript

Question

請參閱此code。它應該在選擇選項時提交表單。當我選擇first選項時，它不會發生任何事情，其餘選項可以正常工作。有人能幫助我嗎？非常感謝！

Answer 1

<select name="speed" class="{{id}}" > 
     <option >Select Option</option> 
     <option value="1">1 Rate</option> 
     <option value="2">2 Rate</option> 
     <option value="3">3 Rate</option> 
     <option value="4">4 Rate</option> 
     <option value="5">5 Rate</option> 
    </select> 

只需使用上述選擇的情況下，這將確保「1率」是不是默認選項

Answer 2

作爲第一項被默認選中，也不會觸發變化（）。您可以添加另一個項目，如默認：

<option value="">Select</option> 
<option value="1">1 Rate</option> 
    <option value="2">2 Rate</option> 
    <option value="3">3 Rate</option> 
    <option value="4">4 Rate</option> 
    <option value="5">5 Rate</option> 

Answer 3

試試這個。

<div> 
    <form class="speed_form" action="/dashboard/speed/" method="get"> 
    <select name="speed" class="{{id}}" id="selectRate" > 
     <option value="0">-Select-</option> 
     <option value="1">1 Rate</option> 
     <option value="2">2 Rate</option> 
     <option value="3">3 Rate</option> 
     <option value="4">4 Rate</option> 
     <option value="5">5 Rate</option> 
    </select> 
    <input type="hidden" name="uuid" id="uuid" value="{{id}}"> 
    </form> 
    </div> 
    <script type="text/javascript"> 
    $("selectRate").change(function(){ 
     console.log($(this)); 
     $(this).parent().submit(); 
    }); 
    </script>