jQuery Forum

1. $('#' + selector).data('ui-autocomplete')._renderItem = function (ul, item)

   {

   var re = new RegExp('^' + this.term, "i");

   var t = item.label.replace(re, "<span id='dropdown-item-highlight'>" + "$&" + "</span>");

   return $('<li></li>')

   .data("item.autocomplete", item)

   .append('<a>' + t + ' in ' + item.type + '</a>')

   .addClass( 'dropdown-item' )

   .appendTo(ul);

   };

   $('#' + selector).data('ui-autocomplete')._renderMenu = function (ul, item)

   {

   //not working

   return $('<ul></ul>')

   .append('<a>Hide Suggestion</a>')

   .addClass('dropdown-menu');

   };

1. $('#' + selector).data('ui-autocomplete')._renderMenu: function(ul, items) {
2.       var that = this;
3.       $.each(items, function(index, item) { // Render selection items
4.             that._renderItemData(ul, item);
5.       });
6.       $('<li></li>').append('<a>Hide suggestion</a>').appendTo(ul); // Add new item
7. }

thank you for your reply but unfortunately when I add the _RenderMenu function it stops the _RenderItems function from creating the suggestions

here is bother functions:

1. $('#' + selector).data('ui-autocomplete')._renderItem = function (ul, item)

   {

   var re = new RegExp('^' + this.term, "i");

   var t = item.label.replace(re, "<span id='dropdown-item-highlight'>" + "$&" + "</span>");

   return $('<li></li>')

   .data("item.autocomplete", item)

   .append('<a>' + t + ' in ' + item.type + '</a>')

   .addClass( 'dropdown-item' )

   .appendTo(ul);

   };

   $('#' + selector).data('ui-autocomplete')._renderMenu = function (ul, items)

   {

   //not working

   var that = this;

   $.each(items, function(ul, item)

   {

   that._renderItemData(ul, item);

   });

   $('<li></li>').append('<a>Hide suggestion</a>').appendTo(ul);

   };

   
   

1. $('#' + selector).data('ui-autocomplete')._renderMenu = function (ul, items)

   {

   var that = this;

   $.each( items, function( index, item )

   {

   that._renderItemData( ul, item );

   });

   $(ul)

   .attr( 'tabindex', -1 )

   .addClass( 'dropdown-menu' );

   $('<li></li>')

   .append('<a>Hide Suggestion</a>')

   .addClass( 'dropdown-suggestion' )

   .appendTo(ul);

   };

sorted it