IE 11多重选择溢出时不显示选定值

我在IE11中遇到了多重选择的问题。

将选定选项设置为需要滚动的项目时IE不会滚动到该项目，但在Chrome中可以正常工作。

请see我jsfiddle。

<head> 
<meta charset="utf-8" /> 
<title></title> 
<style type="text/css"> 
    select { 
     max-height:60px; 
     width:100px; 
     float:left; 
    } 
</style> 
</head> 
<body> 
<select multiple="multiple" id="selectBox"> 
    <option value="1">1</option> 
    <option value="2">1</option> 
    <option value="3">1</option> 
    <option value="4">1</option> 
    <option value="5">1</option> 
    <option value="6">1</option> 
    <option value="7">1</option> 
    <option value="8">1</option> 
    <option value="9">1</option> 
    <option value="10">1</option> 
    <option value="11">1</option> 
    <option value="12">1</option> 
    <option value="13">1</option> 
    <option value="14">1</option> 
    <option value="15">1</option> 
    <option value="16">1</option> 
    <option value="17">1</option> 
    <option value="18">1</option> 
    <option value="19">1</option> 
    <option value="20">1</option> 
    <option value="21">1</option> 
    <option value="22" selected="selected">4</option> 
</select> 
</body>

这是已知问题吗？或者我错过了什么？

UPDATE 请参阅更新jsfiddle与解决方法/修复

感谢

来源

2014-10-08 Tjaart van der Walt

我可以确认t他的，但不知道为什么它的行为如此。用javascript设置属性似乎很难。也许这可以成为一种选择。 – Silvermind 2014-10-08 07:15:58

好吧，我更新了我的jsfiddle以证明javascript路由有效。请参阅http://jsfiddle.net/8e31zo86/3/ – 2014-10-08 07:44:58

我已经添加了一个新的jsfiddle向您展示我的问题，我正在使用angularjs，并且我得到了相同的结果，请[参见]（http：// jsfiddle。 net/e4mn79zt /）我的新小提琴。 – 2014-10-08 08:09:25

对于具有相同问题的人，请看看我的解决方法/修复如下：

(function (e) {         
if (e.find(':selected').val()) { 
    var currentVal = e.find(':selected').val(); 
    console.log(currentVal); 
    e.val(''); 
    e.val(currentVal); 
    } 
})($('#selectBox'));

在我的案例一个不得不把这个函数包装在一个setTimeout

来源

2015-05-05 12:09:45

[upvoted]在这里寻找一种解决方案，以取代选择（上/下）在多重选择和选择的选项在折叠下方，它在IE11中不可见。它有点适用于这个解决方案，但仍然不完美，因为它将列表移动到顶部。 – Tsar 2016-09-15 10:07:29

IE 11多重选择溢出时不显示选定值

回答

相关问题