angularjs - Reset Chosen Select to Original Disabled State -
i have 2 chosen select elements, 1 bound other. before first selection made, second element shown in default disabled state because assuming first model hasn't been activated. have "clear filters" button supposed reset these elements state...
so far, i'm using reset chosen elements following...
html:
<div class="input-group"> <label>vehicle make</label> <select id="carmake" ng-model="carmake" chosen ng-options="carmake carmake.name carmake in carmakes track 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 carmodel.name carmodel in carmake.models track carmodel.name"> <option value="">all</option> </select> </div>
js:
$('#clear-filters').on('click', function() { $('form').each(function() { this.reset() }); $('select').val('').trigger('chosen:updated'); });
so far, js successful in resetting chosen elements "all" selection. however, doesn't seem updating model value , second element doesn't go disabled state.
does make sense? hoping , can provide insight. thanks!
Comments
Post a Comment