I am using jQuery auto-complete plugin in my web project. I want to show 3 element and after that i want to append 'see all results' link to the bottom.
I tried with following code.
$( ".grid-search-box" ).autocomplete({
minLength: 0,
source: temp,
focus: function( event,
ui ) {
$( ".grid-search-box" ).val(
ui.item.value );
return false;
},
select: function( event,
ui ) {
$( ".grid-search-box" ).val(
ui.item.value );
return false;
}
}).data( "autocomplete" )._renderItem = function( ul, item )
{
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append( "<a><span class='" + item.status + "'></span>" + item.value + "</a>" )
.appendTo( ul );
};
Can anybody suggest me, how to solve it.
