Select2 4.0 - Keypress不会触发选择

Question

我已将Select2从版本3.5.2升级到版本4.0.

我们有很多形式，打字员填写了很多字段。

在旧版本（ 3.5.2 ）中，打字员将使用以下顺序：

1. 专注于元素
2. 输入一个数字
3. 按Tab选择结果并转到下一个字段

 $("select").select2(); 

 <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.min.js"></script> <style> input { display:block; margin:10px 0; } </style> <input type=text/> <select> <option value="1">1. Option A</option> <option value="2">2. Option B</option> <option value="3">3. Option C</option> <option value="4">4. Option D</option> <option value="5">5. Option E</option> </select> <input type=text/> 

在4.0版本打字员必须：

1. 专注于元素
2. Enter
3. 输入号码
4. 再次按Enter
5. 按Tab键模糊并移动到下一个字段

 $("select").select2(); 

 <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script> <style> input { display:block; margin:10px 0; } </style> <input type=text/> <select> <option value="1">1. Option A</option> <option value="2">2. Option B</option> <option value="3">3. Option C</option> <option value="4">4. Option D</option> <option value="5">5. Option E</option> </select> <input type=text/> 

有没有办法绕过这种明显的功能降级？ 我不想诉诸v3.5.2因为我在<select>元素上使用AJAX，这个版本不支持（必须使用隐藏的<input>标签）

Answer 1

要在焦点上触发select2的打开，请使用jQuery的原生“焦点”事件和select2“open”事件。 重要提示：在DOM上做好准备就绪。

 $( document ).ready(function() { $(".select2-selection").on("focus", function () { $(this).parent().parent().prev().select2("open"); }); });