添加到jquery ui自动完成列表的其他链接

Question

抱歉，我找不到一个如何做到这一点的明确解决方案。 我在textbox上使用jQuery UI自动完成功能从数据库中检索数据。 我需要在列表末尾添加一个“添加新地点”链接。我想允许用户添加新的场地，如果他们正在寻找的场地不在数据库中。

这是我的代码：

$(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');
        }
    }
});

您可能需要更改一些选择器。

编辑：顺便说一句：你的代码是不可能的？它缺少几个关闭}：s for one。