javascript - onchange 仅适用于第二次更改

Question

我写了一个小脚本来处理两个选择。第一个是汽车品牌，第二个是汽车型号。当我更改汽车品牌时，我需要更改“ALL”上的汽车型号值。

脚本：

function changer(){
        $("#car_brand").change(function(){
            document.getElementById("car_model").value = "ALL";
            this.form.submit()
        });}

我正在监听 onchange 事件的 html：

<select class="form-control" name="car_brand" id="car_brand"     
onchange="changer()">
    @if ($_REQUEST['car_brand'] != 'ALL')
<optgroup>
<option name="car_brand" value="{{$_REQUEST['car_brand']}}">    
    {{$_REQUEST['car_brand']}}</option>
</optgroup>
<optgroup>
    <option value="ALL">{{$text_all}}</option>
</optgroup>
    @else
<option name="car_brand" value="{{$_REQUEST['car_brand']}}">                
{{$text_all}}</option>
    @endif
<optgroup>
    @foreach($carbrands2 as $brands)
        <option value="{{$brands}}">{{$brands}}</option>
    @endforeach
</optgroup>
</select>

此代码有效，但仅来自选择选项的第二次更改。我怎样才能摆脱它并使其从第一次更改开始工作？

标签： javascriptonchange