onchange仅从第二次更改开始起作用

Question

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

脚本：

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

html我正在监听onchange事件的地方：

getBoundingClientRect

此代码有效，但仅在第二次更改选择选项时有效。我如何摆脱这种情况，并使它从第一次更改开始起作用？