重置选择选择原始禁用状态

Question

我有两个选择的选择元素，一个被另一个绑定。在进行第一次选择之前，第二个元素显示为默认禁用状态，因为它假定第一个模型尚未激活。我有一个“清除过滤器”按钮，可以将这些元素重置回这个状态...

到目前为止，我用来重置所选元素的是以下内容......

HTML：

<div class="input-group">
    <label>Vehicle Make</label>
    <select id="carMake" ng-model="carMake" chosen ng-options="carMake as carMake.name for carMake in carMakes track by carMake.name">
         <option value="">All</option>
     </select>
 </div>

 <div class="input-group carModels">
     <label>Vehicle Model</label>
     <select id="carModel" ng-model="carModel" chosen ng-options="carModel as carModel.name for carModel in carMake.models track by carModel.name">
           <option value="">All</option>
     </select>
 </div>

JS：

$('#clear-filters').on('click', function() {
    $('form').each(function() { this.reset() });
    $('select').val('').trigger('chosen:updated');
});

到目前为止，JS已成功将我选择的元素重置为“全部”选择​​。但是，它似乎并不真正更新模型值，第二个元素不会返回其禁用状态。

这有什么意义吗？希望它能做到并且有人可以提供一些见解。谢谢！