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

时间:2014-10-08 06:59:50

标签: html css angularjs internet-explorer

美好的一天,

我在使用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>

这是一个已知问题吗?或者我错过了什么?

更新 请参阅更新的jsfiddle以及解决方法/修复

由于

1 个答案:

答案 0 :(得分:1)

对于遇到相同问题的任何人,请参阅下面的解决方法/修复:

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

在我的情况下,我必须在setTimeout

中包装此函数