如何使用下拉框使JQuery UI的自动完成功能

Question

在编写用于自动完成功能的Jquery时遇到一些问题。我想知道如果从下拉列表中选择一个选项，那么自动完成功能将检测到该更改并将其过滤到文本框中。

这是针对使用JQuery 1.12.4和JQuery UI 1.12.1的MVC 5的。我正在通过SQL Server检索有关自动完成的建议。我已经尝试过其他StackOverflow帖子中建议的内容，但是他们的询问并不一定与我的想法相符。关于JQuery编码，我还比较陌生。

<script type="text/javascript">
        $(document).ready(function () {
            var privacyId1 = $('#privacyId').val();
            $("#DE_Name").autocomplete({
                source: function (request, response) {
                    $.ajax({
                        url: "@Url.Action("AutocompleteSuggestions", "PIIVendor")",
                        type: "POST",
                        dataType: "json",
                        data: { privacyId: privacyId1 },
                        success: function (data) {
                            response($.map(data, function (item) {
                                return { label: item.vdDataElementName, value: item.vdDataElementName };
                            }))

                        }
                    })
                },
                messages: {
                    noResults: "", results: ""
                }
            });
        })
    </script>

每当我尝试运行代码并在我的应用程序上输入信息时，都不会出现自动完成功能。根据我的下拉列表中显示的值，预计我会看到自动完成结果列表。

任何建议或解决方案都将不胜感激！