Javascript 更改时如何在下拉列表中隐藏默认值

我正在通过ng选项从数据库中加载下拉列表中的选项。我已使用选项将默认空白值设置为该下拉列表。当我们更改选项时，默认空白值应隐藏，并且不可再次选择。它在Google Chrome中工作，但在IE9和10中不起作用

<p>
                    Reason<b>*</b>
                </p>
                <p>

                    <select data-ng-model="prvdNote.prvdReason" data-ng-options="option as option.value for option in reasons" ng-class="{showHighlight:validationError.isReason}" ng-disabled="isDisabled"><option
                            style="display: none" >Select Reason</option></select>


                </p>

理由*


选择原因

在上面的代码中，当我们在Google Chrome中更改选项时，“选择原因”将消失，但当我们在IE9中运行它时，它不会消失，但我可以通过disabled=“disabled”禁用该空白值。但是在更改选项时它应该消失，我们如何做到这一点，请帮助选择原因23

<select id="select" data-ng-model="prvdNote.prvdReason" data-ng-options="option as option.value for option in reasons" ng-class="{showHighlight:validationError.isReason}" ng-disabled="isDisabled"><option
                            value="" >Select Reason</option><option
                            value="2" >2</option><option
                            value="3" >3</option></select>

$('#select').on("change",function() {
  if($(this).val()!="") {
    $('#select').find('option[value=""]').remove();
  }
});

$（'#select'）。在（“更改”，函数（）上）{ if（$（this.val（）！=“”）{ $（“#选择”）.find（'option[value=”“]）.remove（）； } });

---

实际上我不知道jquery，我想用AngularJs或javascript编写它。你能指导我吗