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多重選擇溢出時不顯示選定值

回答

相關問題