添加其他链接jQuery用户界面自动完成列表

问题描述

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

下面是我的code：

  $（函数（）{
    $（＃场地）。自动完成（{
        来源：？＆LT; PHP的回声BASE_URL（）;＆GT;的index.php /家庭/ autocomplete_venue'，
        的minLength：2，
        选择：功能（事件，UI）{
            $（'＃venue_id）VAL（ui.item.id）。
        }
    }）;
}）;
 

解决方案

我想你可以添加里中的自动完成的回调之一，如打开：

  $（'＃场地）。自动完成（{
    打开：函数（）{
        //如果它尚未添加
        如果（！$（'＃AC-添加会场）。长）{
            //添加它
            $（'＆LT;李ID =AC-添加会场＆GT;＆LT; A HREF =...＆gt;添加场地和LT; / A＆GT;＆LT; /李＆GT;'）。appendTo（'ul.ui -autocomplete'）;
        }
    }
}）;
 

您可能需要更改某些选择。

编辑：顺便说一句：有没有办法，可以将所有的code？它缺少一些结束}：S代表一个

Sorry I couldn't find a clear solution on how to do this.I'm using jQuery UI autocomplete on a textbox that retrieves data from a database.I need to add an "Add new Venue" link to the end of the list. I want to allow users to add a new venue, if the venue they're looking for is not already in the database.

Here is my code:

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

解决方案

I suppose you could add the li in one of Autocomplete's callbacks, like 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');
        }
    }
});

You may need to change some selectors.

Edit: Btw: there's no way that can be all your code? It's missing several closing }:s for one.

这篇关于添加其他链接jQuery用户界面自动完成列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！