添加jquery ui自动完成列表的附加链接

Question

对不起，我找不到一个明确的解决方案。我使用jQuery UI自动完成从数据库检索数据的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，如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');
        }
    }
});

你可能需要修改一些选择器

编辑:顺便说一句:没有办法可以是你所有的代码?