如何使用typeahead插件获取id和名称

Question

我想在typeahead插件中显示名称及其ID，如下所示

name1（id1），
name2（id2），
name3（id3）

使用以下代码初始化typeahead插件

$(document).ready(function ()
{
var users=new Bloodhound({

    datumTokenizer:Bloodhound.tokenizers.obj.whitespace('username'),
    queryTokenizer:Bloodhound.tokenizers.whitespace,

    remote: {
        url: 'users.php?query=%QUERY',
        wildcard: '%QUERY'
      }

});
 
users.initialize();

$("#users").typeahead({
    hint: true,
    highlight: true,
    minlength: 2



},{
    name: 'users',
    displayKey:'username',      
    source:users.ttAdapter()


});

});

Answer 1

1.首先将您的建议改为链接

{
    name: 'users',
    display:'SearchName',       
    source:users.ttAdapter(),
    templates: {
        suggestion: function (users) {
        return '<p><a href="index.php?userid='+users.CustomerId+'" style="color:inherit;text-decoration:none;width:100%"><span class="crop"><img src="images/img2.jpg" widht="50px" height="50px"></span>&nbsp;&nbsp;&nbsp;&nbsp;'+users.SearchName+'<br /><span style="text-decoration:none;":false;">'+users.FullAddress+'</span></a></p>';
        }
}

通过这样做，您可以创建一个图像jus的链接，就像它在Facebook中的方式