我尝试在网页中使用最新的select2 v4.0.3库.我在此页面上使用了给定的示例来进行标记和标记化.我在不同的浏览器中测试过它.它工作正常,但在Internet Explorer v.11中它表现得很奇怪:
我试图添加一个不在选项中的新元素.键入几个字符后,光标被带走,我无法完成输入的单词.当我点击选择框以获取光标时,半输入的单词消失了.所以似乎不可能输入超过3-4个字符.在IE中打开它时,我在select2.github.io/examples页面上遇到了相同的情况.
<html>
<head>
<link rel="stylesheet" href="css/select2.css" type="text/css" />
<script src="js/jquery-2.1.0.js" type="text/javascript"></script>
<script src="js/select2.full.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$(".js-example-tokenizer").select2({
tags: true,
tokenSeparators: [',', ' ']
});
});
</script>
<select class="js-example-tokenizer" multiple="multiple" style="width: 600px;">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
</select>
</body>
</html>
不使用标记,select2也可以在IE中正常工作.但我想使用多选标记控件,用户也可以输入自由文本作为选定选项.
是否有一种解决方法可以让select2在IE中使用标记和标记化？
在IE11上用于测试的小提琴示例.
在GitHub上的问题涉及到这个问题.