Добавить дополнительную ссылку в список автозаполнения jquery ui

Question

Извините, я не смог найти четкого решения, как это сделать. Я использую автозаполнение пользовательского интерфейса jQuery на textbox, который извлекает данные из базы данных. Мне нужно добавить ссылку «Добавить новое место» в конец списка. Я хочу разрешить пользователям добавлять новое место, если искомого места еще нет в базе данных.

Вот мой код:

$(function() {
    $("#venue").autocomplete({
        source: '<?php echo base_url();?>index.php/home/autocomplete_venue',
        minLength: 2,
        select: function(event, ui) {
            $('#venue_id').val(ui.item.id);                 
        }
    });
});

Answer 1

Полагаю, вы могли бы добавить li в один из обратных вызовов Autocomplete, например open:

$('#venue').autocomplete({
    open: function () {
        // If it's not already added
        if (!$('#ac-add-venue').length) {
            // Add it
            $('<li id="ac-add-venue"><a href="....">Add venue</a></li>').appendTo('ul.ui-autocomplete');
        }
    }
});

Возможно, вам придется изменить некоторые селекторы.

Редактировать: Btw:нет ли способа, которым может быть весь ваш код?Не хватает нескольких закрывающих}: s для одного.