我想要一个自动完成或自动建议文本框,其中包含每个建议值的超链接,例如,如果我们显示结果谷歌或我们选择谷歌它重定向到google.com。
请任何人帮我解决这个问题我遇到了严重的问题我是这个领域的新人所以请帮助我并用代码片段或小提琴指导我
很多人提前感谢。答案 0 :(得分:3)
让我给出一小段我使用的代码
function updateAutoSrch()
{
$("#searchpro").autocomplete({
source: function( request, response ) {
$.ajax({
url: "search",
data: {proname: proname},
dataType: "json",
success: function( data ) {
response( $.map( data, function( item ) {
return {
label: item.user_name,
value: item.user_name,
userid: item.user_id,
profile_image_path: item.profile_image_path
}
}));
}
});
}
}).data("ui-autocomplete")._renderItem = function (ul, item) {
var inner_html = "<a href='"+siteurl+"/user/"+item.userid+"'>"+ "</a>";
return $("<li style = 'padding:20px 0 0 0;margin: 0 0 0 0;height:50px;' ></li>")
.data("item.autocomplete", item)
.append(inner_html)
.appendTo(ul);
};
}
使用.data("ui-autocomplete")._renderItem
我们正在修改jquery ui中自动加载的默认功能。 item包含成功回调