I am trying to create a dependent autocomplete drop-down that displays suggestions based on any typed letter, rather than just the first letter. For example, if I type "Yo," it should show "New York" in the dropdown. Below is the code I have been using, but it currently only works with the first letters.
var states = {
'Color': ['red', 'black', 'yellow', 'green'],
'Numbers': ['one', 'two', 'three', 'four']
};
function match(str) {
str = str.toLowerCase();
clearDialog();
for (var i = 0; i < states.color.length; i++) {
if (states.color[i].toLowerCase().startsWith(str)) {
jQuery('.dialog').append('<div>' + states.color[i] + '</div>');
}}}