select2.js 下拉列表區分大小寫

Question

我目前正在使用select2.js 4.0.3

設想
假設下拉列表有這些選項

• JavaScript
• javascript
• Javascript
• javaScript

所以......當用戶輸入 java時......列表顯示所有選項（因為現在大小寫無關緊要）

示例 1
我想要的是......當用戶鍵入Java時，應該只顯示這些選項

• JavaScript
• Javascript

示例 2
如果用戶輸入腳本...這些選項應該出現

• javascript
• Javascript

示例 3
對於aS

• JavaScript
• javaScript

Answer 1

我一直在尋找同一個問題很長時間，但到處都發現了相反的問題（如何使 select2 不區分大小寫），所以當我在文檔中找到已經可用的解決方案時，我感到非常驚訝。

 function matchCustom(params, data) { if ($.trim(params.term) === '') { return data; } if (typeof data.text === 'undefined') { return null; } if (data.text.indexOf(params.term) > -1) { var modifiedData = $.extend({}, data, true); return modifiedData; } return null; } $(document).ready(function () { $("select").select2({ tags: true, matcher: matchCustom }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet"/> <select> <option>javascript</option> <option>Javascript</option> <option>JavaScript</option> <option>javaScript</option> </select>