jQuery Autocomplete Substring Matching

Question

I'm attempting to do jQuery autocomplete such that I can search for multiple words.

For example, if I have smart, very smart, and super smart in a list I'd like to be able to start typing smar and have all three options show up.

This code will work in the sense that if I start typing from the very beginning like over it will suggest over smart which is correct. But it wouldn't suggest it if I type just smart which is the desired output.

Any idea how I can adjust the code so that I could search and suggest say a substring within the list?

http://jsfiddle.net/UKgD6/390/

var acList = ['smart',
'over smart',
'smart land',
'under smart',
'very smart'
];

$('#ac').autocomplete({
  source: function( request, response ) {
    var matches = $.map( acList, function(acItem) {
      if ( acItem.toUpperCase().indexOf(request.term.toUpperCase()) === 0 ) {
        return acItem;
      }
    });
    response(matches);
  }
});

NTL · Accepted Answer · 2017-06-15 20:42:47Z

2

Your issue can be fixed by changing the indexOf() check. Change === 0 to !== -1. This will return anything that matches, no matter what the index of the search string is within the actual string.

http://jsfiddle.net/UKgD6/391/

edited Jun 15, 2017 at 20:42

answered Jun 15, 2017 at 20:41

NTL

1,0078 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery Autocomplete Substring Matching

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related