Автозаполнение 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