隐藏禁用选择Internet Explorer中的选项> 11使用angularjs

Rat*_*hma 9 html css select angularjs drop-down-menu

我想知道如何隐藏optionsAngularJS for IE中的残疾人?更清楚的是看看这个小提琴:https: //jsfiddle.net/s723gqo1/1/

我使用它css来隐藏chrome/firefox中的禁用选项,但它们在IE中不起作用:

select option[disabled]:first-child {
  display: none;
}
Run Code Online (Sandbox Code Playgroud)

我在这里看到其他问题,建议使用JavaScript删除禁用选项,但我无法将其插入我的用例.

任何帮助表示赞赏!

编辑: 我脑子里有这些元标记:

<!DOCTYPE html>

  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
Run Code Online (Sandbox Code Playgroud)

编辑2 这个答案/sf/answers/1426153011/太笼统了,我无法用这个答案解决我的问题,因为我知道应该用javascript完成,但我的问题是如何?

我应该在提供的jsfiddle中将删除和添加禁用选项的逻辑放在哪里?

编辑3 我在我的项目中实现了提供的答案,但不幸的是,它没有解决我的问题.

通过此链接提供的小提琴https://jsfiddle.net/rsuuwkh9/呈现默认选择选项,如下所示: 在此输入图像描述

但在我的项目中,它呈现如下:

在此输入图像描述

问题是,当显示默认选项的条件为真并且它变为false然后再次为真时,在我的项目中默认选项消失但是在提供的答案小提琴它恢复到它应该的位置,如果有人我会很高兴帮我处理这个案子!

kru*_*i86 10

这是一个有效的jsfiddle https://jsfiddle.net/rsuuwkh9/

<select ng-model="selectedName" ng-change="resetSkills()" ng-options="name as name.name for name in names">
    <option value="" ng-if="!selectedName">--Select a name --</option>
</select>
Run Code Online (Sandbox Code Playgroud)