Autocomplete Textbox With Hyperlink
I want a autocomplete or auto suggest textbox with hyperlink on each suggested value like if we g it show result google or when we select google it redirect to google.com. Please a
Solution 1:
Let me give a snippet of code that i use
functionupdateAutoSrch()
{
$("#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);
};
}
using .data("ui-autocomplete")._renderItem
we are modifying the default functionality of the autoload in jquery ui. item contains all the objects that are returned by success callback
Post a Comment for "Autocomplete Textbox With Hyperlink"