Jquery：如何将Jquery自动完成与select2一起使用

当我对输入字段使用以下代码时，代码工作正常，并且搜索标记。 但是，当我使用select2时，代码不再工作

我在laravel中使用了以下代码：

$(document).ready(function () {
            $("#tagSearch").autocomplete({
                minLength: 3,
                delay: 500,
                source: function (request, response) {
                    $.ajax({
                        url: "{{ route('admin.autocomplete.searchTag') }}",
                        type: 'post',
                        dataType: "json",
                        data: {
                            _token: CSRF_TOKEN,
                            search: request.term
                        },
                        success: function (data) {
                            response(data);
                        }
                    });
                },
                select: function (event, ui) {
                    $('#tagSearch').val(ui.item.label) // display the selected text
                    $('#tagId').val(ui.item.value).attr('value', ui.item.value);
                    return false;
                }
            });
            $("#userName_search").keyup(function () {
                if (!this.value) {
                    $("#tagId").val("");
                }
            });
        });

输入字段（“上述代码适用于该字段”）：

选择2（'它不适用于此'）

---

如何将上述脚本用于select2？

您使用select2的部件在哪里？你能添加相关的html+js吗？

<input type="text" name="userName" class="form-control"  id="userName_search" value="" placeholder="Search User Name" required>
<input type="hidden" name="tag" value="" id="tagId">

<select name="tags[]" class="select2-tags form-control" multiple="multiple" id="tagSearch"required> </select>

<input type="hidden" name="tag" value="" id="tagId">