Html 选择列表在IE下无法正常工作

用IE11测试

html:

步骤：

从选择列表中选择一个选项

选择该选项。然后尝试选择另一个选项

结果：选择列表“向上”打开

---

有什么想法吗？我不确定它是否相关，但我正在使用angularjs填充选择列表。

这只是Internet Explorer的默认行为。它使用“选择”框保持选定选项的级别。 这意味着，当您在“选择”列表中进一步向下移动时，下拉列表在打开时开始向上移动

---

我相信它是从IE 10开始做的。

我认为这与使用select元素的默认IE行为有关（在没有angular.js的情况下测试）。没有帮助，但是。。。也许这会有帮助：

<div data-ng-app="testApp">
    <div data-ng-controller="testCtrl">
        <select id="filter" ng-model="messageViewModel.filter" ng-options="f.name for f in messageViewModel.filters"></select>
    </div>
</div>

var testApp = angular.module('testApp', []);

testApp.controller('testCtrl', function ($scope) {
    $scope.messageViewModel = {};
    $scope.messageViewModel.filters = [{ id:1, name: "test1"}, { id:2, name: "test2"}, { id:3, name: "test3"}];
    $scope.messageViewModel.filter = $scope.messageViewModel.filters[0];
});