提交表单失败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>