Jquery 带有ajax的Django搜索字段，显示带有超链接的结果下拉列表

我有一个Django应用程序，在这个应用程序中我想实现一个搜索字段。当用户开始键入学生姓名时，我希望通过下拉搜索结果返回通过Ajax匹配的所有学生姓名

但是，我希望结果是超链接，因此当用户看到正确的条目并单击它时，他将被重定向到学生的详细信息页面

我成功地学习了本教程：

但它只在网页中插入结果，并将所有内容向下移动。相反，我想在下拉式字段中显示它，如下图所示：

这是select2中向我推荐的示例。但是，我不需要选择字段。相反，用户应该在点击时被重定向到搜索结果中嵌入的任何链接（在本例中，例如github页面），但我还没能做到这一点

这是我能让select2帮我做的事吗？这是我可以用bootstrap实现的吗

任何帮助都将不胜感激

您可以使用函数更改结果：

var结果=[
{img:'http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico，文本：“qwerty”，url:“#”}，
{img:'http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico，文本：“zxcvn”，url:“#”}，
{img:'http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico，文本：“asdfgh”，url:“#”}，
];
$（“[name='results']”）。选择2({
占位符：“输入搜索查询”，
templateResult:函数（结果）{
返回$(
''
);
},
数据：结果
});

您可以使用函数更改结果：


var结果=[
{img:'http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico，文本：“qwerty”，url:“#”}，
{img:'http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico，文本：“zxcvn”，url:“#”}，
{img:'http://cdn.sstatic.net/Sites/stackoverflow/img/favicon.ico，文本：“asdfgh”，url:“#”}，
];
$（“[name='results']”）。选择2({
占位符：“输入搜索查询”，
templateResult:函数（结果）{
返回$(
''
);
},
数据：结果
});