Автозаполнение jQuery в модальном режиме ⇐ Jquery

[Anonymous]

Модальное окно Bootstrap открывается, когда я нажимаю #add. Я хотел бы показать автозаполнение в поле ввода в модальном режиме. Мой код такой, как показано ниже.

Код: Выделить всё

$("#add").on("click", function () {
var selector = $("#addModal");
selector.find(".is-invalid").removeClass("is-invalid");
selector.find(".error-message").remove();
selector.modal("show");
selector.find("form").trigger("reset");

$("#addModal").on("shown.bs.modal", function () {
if (!$("#invoice_name").data("ui-autocomplete")) {
var validOptions = ["Bold", "Normal", "Default", "Banana", "Mango"];
var previousValue = "";

$("#invoice_name")
.autocomplete({
autoFocus: true,
source: validOptions,
})
.keyup(function () {
var isValid = false;
for (var i in validOptions) {
if (validOptions[i].toLowerCase().match(this.value.toLowerCase())) {
isValid = true;
}
}
if (!isValid) {
this.value = previousValue;
} else {
previousValue = this.value;
}
});
}
});
});

Но автозаполнение не работает. Я не получаю никаких ошибок в консоли браузера.

Подробнее здесь: https://stackoverflow.com/questions/790 ... e-on-modal