dcat admin 表单$form->select('xx')->options([])如何实现ajax模糊搜索

因为问题很简单就不贴环境了，运营有个需求是在添加时做模糊搜索，在select上的输入框键入字符时进行ajax搜索，并将搜索结果赋给option。
我看dcat admin是把option重新封装了一个ul->li还是这个是select2做的不太清楚。

去年做过select2的ajax下拉筛选翻页，感觉差不多就试着写了下

     $(".col-md-8 ").on("click",function(){
                    // 获取select2中的输入框元素
                    const select2input = document.querySelector('.select2-search__field');
                    // 绑定输入事件
                    select2input.addEventListener('input', function() {
                    // 获取输入内容并打印
                    const inputValue = this.value;
                    console.log(inputValue);
                    var keyword = inputValue;
                    $.ajax({
                        url: '/xxx/autocomplete',
                        data: { keyword: keyword },
                        success: function(data) {
                            console.log(data)
                            $('#myselect').append(data);
                        }
                    });
                    });
                });

一个是不用append不会出现在下拉列表中，用了append是追加。。而且有时莫名结果为空，col-md-8是我试了好几遍select的相关id还是class都不会触发点击事件，无奈用了div的class，头疼有没有老哥做过，myselect是我select的id