Question

我通过ng-options.i在数据库的下拉列表中加载选项。我们使用option将默认空白值设置为该下拉列表。当我们更改他的选项时，默认的空白值应该是隐藏的，不应该可用于再次选择。它在谷歌浏览器中工作，但不在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中运行它时它不会消失，但我可以通过禁用=“禁用”来禁用该空白值。但是它应该在更改选项时消失，我们如何做到这一点，请帮助

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/

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

1 个答案: