我使用ng-repeat
将一些ajax数据加载到select元素中。当数据(postcodeAddresses)可用时,它会显示选择框。单击选择框选项时,它应调用函数并擦除数据数组。
这一切都有效,但只要选择了一个选项,输入选择就会更新为值,然后擦除干净,留下一个空框。它在选择框中不可见,但显示在dom中,没有任何更改。
理论上我需要的是在页面加载时将select元素刷新到原始状态。
我尝试过这些来重置占位符但没有工作:
$('select.postcode').prop('selected', function() {
return this.defaultSelected;
});
$('select.postcode').prop('selectedIndex',0);
有没有人知道如何在点击选项并重置数据后让选项占位符显示?
<div ng-show="postcodeAddresses.length > 0" class="postcode-select">
<select class="form-input form-select postcode" ng-model="selectedAddress.address" ng-change="updateAddressFields('address')">
<option value="" disabled selected hidden >Select address...</option>
<option ng-repeat="address in postcodeAddresses" value="@{{$index}}">@{{address.line_1}}</option>
</select>
</div>