美好的一天,
我在使用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以及解决方法/修复
由于
答案 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