jQuery Forum

Thanks - for some reason I didn't see that post.

 

Going to work out if that will fix the issue.

Frustrating thing is that I bought 2 jquery books (one dedicates 1 page to it and the other doesn't even mention autocomplete!)

 

Currently, it is complaining about a "}" not being closed.

 

My current code is:

 

 $(function() {
  $('#query').autocomplete({
    source: function(request, response) {
     $.ajax({
      url: 'get_json.php',
      dataType: 'json',
      data: { q: request.term },
      success: function(data) {
       response($.map(data, function(item) {
        return {label: __highlight(item.title, request.term) + " (" + item.type + ")",
            value: item.title};

       }));
      }
     });
    },
    minLength: 3)
   .data( "autocomplete" )._renderItem = function( ul, item ) {
           // only change here was to replace .text() with .html()
           return $( "<li></li>" )
              .data( "item.autocomplete", item )
              .append( $( "<a></a>" ).html(item.label) )
              .appendTo( ul );
          };
 });

function __highlight(s, t) {
  var matcher = new RegExp("("+$.ui.autocomplete.escapeRegex(t)+")", "ig" );
  return s.replace(matcher, "<strong>$1</strong>");
}

Many Thanks for your fast reply.

 

I have been struggling with this for a while.  I found the missing close curly brace bug pointed out by charlietfl, but I am still getting another error.

I am using the exact same code posted above by dipens (I actually started over and copied/pasted the code above).  I corrected the missing curly brace, changed my minLength value to 2, changed my url value to my php script and changed #query to #script, which is the id of my search box.  Everything else is identical to the above code.

When I run it, I get an error on the return s.replace(matcher, "<strong>$1</strong>"); line in the __highlights function that says something is undefined.  I traced it back a bit and found that it was saying the s value is undefined.  I went back a bit further and found that it is undefined because the item.title value getting passed into the function is undefined.

 

Has anyone else come across this undefined problem?  Any thoughts?

http://stackoverflow.com/questions/2435964/jqueryui-how-can-i-custom-format-the-autocomplete-plug-in-results