A jQuery plugin that allows multiple autocompletes in a input.

Read this in other languages: Portuguese.

jQuery-multiAutocomplete has been tested with jQuery 1.7+ on major browsers:

• Chrome 45+
• Firefox 22.7+
• Safari 10+
• Edge 12+
• Opera 28+
• IE (not suported)

• JavaScript: https://cdn.jsdelivr.net/gh/IsraelFM/jquery-multiautocomplete/dist/jquery-multiautocomplete.min.js
• CSS: https://cdn.jsdelivr.net/gh/IsraelFM/jquery-multiautocomplete/dist/jquery-multiautocomplete.min.css

jQuery-multiAutocomplete has a only two methods:

• init(suggests, options): initializes the multiAutocomplete instance. If it has already been initialized before for the same jQuery object, the instance will have its events unbind and bind again. The suggests parameter are one array of strings and options are described above.
• destroy: all events are unbind of the jQuery object.

Theses methods can be invoked in two ways. One of them is to pass a string with the method name, as soon as you call the multiAutocomplete instance. The other option is to call the instance without a parameter and then invoke the method.

$('#suggests').multiAutocomplete(['foo', ..., 'bar'], options);
$('#suggests').multiAutocomplete('destroy');
// Or
$('.suggests').multiAutocomplete().init(['foo', ..., 'bar']);
$('#suggests').multiAutocomplete().destroy();

HTML:

<input class='form-control' id='suggests' type='text'>

JavaScript:

let suggests = ['foo', 'foo.bar', 'foo.bar[0]', 'bar', 'bar.foo'];

// Basic Usage, only passing array of suggestions
$('#suggests').multiAutocomplete(suggests);

$('#suggests').multiAutocomplete(suggests, {
    // Only after typing "foo" or "bar", suggestions appeared
    prefixRegexps: /(foo|bar)/,
    // Are necessary press Ctrl+Space or Command+Space to see the suggestions
    autosuggest: false
});

Just open an Issue and I will meet you. https://github.com/IsraelFM/jQuery-multiAutocomplete/issues