Выберите поле с опцией поиска, используя jQuery

Question

У меня есть выпадающий список. Мне нужен поиск в моих вариантах. Я использую раскрывающийся список select2, но выбор не показывает поиск, и дизайн полностью изменился.

Вот мой код:

<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>

<select class="single" name="icons" onchange="TypeCheck(this);">
    <option value="0">Pick an icon ...</option>
    <option value="1">glass</option>
    <option value="2">door</option>
    <option value="3">Furniture</option>
</select>

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);
      modifiedData.text += ' (matched)';
      return modifiedData;
    }
    return null;
}
 $(document).ready(function() {
        $('.single').select2({
            placeholder: "Select Country",
            allowClear: true,
            matcher: matchCustom
        });
    });