如何使用 typeahead 插件获取 id 和 name答案

【问题标题】：how to fetch id and name using typeahead plugin如何使用 typeahead 插件获取 id 和 name
【发布时间】：2016-05-14 06:45:22
【问题描述】：

我想在 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()


});

});

【问题讨论】：

标签： jquery json typeahead

【解决方案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>';
        }
}

通过这样做，您可以创建一个带有图像的链接，就像它在 facebook 中一样

【讨论】：

name1 (id1), name2 (id2), name3 (id3)

name1 (id1),
name2 (id2),
name3 (id3)