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

Question

我正在通过 ng-options 从数据库中加载下拉列表中的选项。我已经使用选项为该下拉列表设置了默认空白值。当我们更改选项时，默认空白值应该被隐藏并且不应该提供给再次选择。它在谷歌浏览器中工作，但在 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" 禁用该空白值。但是它应该在更改选项时消失，我们该怎么做，请帮助

Answer 1

<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();
  }
});

http://jsfiddle.net/ngk0dvja/