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

Question

我正在通过ng-options从数据库的下拉列表中加载选项。我已经使用option将该下拉列表设置为默认空白值。当我们更改他的选项时，默认空白值应该被隐藏并且不能再次选择。它可以在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中更改选项时，“选择原因”为Disapperaing，但是当我们在IE9中运行该选项时，它不会消失，但是我可以通过disable =“ 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/