[英]Select2 4.0 - Keypress does not trigger selection
我已將Select2
從版本3.5.2
升級到版本4.0.
我們有很多形式,打字員填寫了很多字段。
在舊版本( 3.5.2
)中,打字員將使用以下順序:
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
版本打字員必須:
Enter
Enter
$("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>
標簽)
要在焦點上觸發select2的打開,請使用jQuery的原生“焦點”事件和select2“open”事件。 重要提示:在DOM上做好准備就緒。
$( document ).ready(function() { $(".select2-selection").on("focus", function () { $(this).parent().parent().prev().select2("open"); }); });
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.