JQuery Plugin That Allows Multiple Autocomplete in Input

How to make use of it:

1. add references to the jQuery library and the jQuery multiAutocomplete plugin’s files.

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<link rel="stylesheet" href="/path/to/dist/jquery-multiautocomplete.min.css" />
<script src="/path/to/dist/jquery-multiautocomplete.min.js"></script>

2. Define your solutions in a JS array as follows:

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

3. Attach the plugin to the target input field and decide the info supply.

<input class="suggests" type="text" />

$(function(){
  $(".suggests2").multiAutocomplete(suggests);
});

4. Use the REGEX choice to trigger the suggestion checklist only while you type matched keywords:

$(".suggests").multiAutocomplete(suggests, {
  prefixRegexps: /(WCF)/
});

5. Determine the minimal variety of characters to set off the suggestion checklist.

$(".suggests").multiAutocomplete(suggests, {
  minChunkSize: 2
});

6. Customize the delimiter for a number of solutions.

$(".suggests").multiAutocomplete(suggests, {
  delimiters: ', '
});

7. Trigger the suggestion checklist utilizing Ctrl+Space or ⌘ Command+Space shortcut as a substitute.

$(".suggests").multiAutocomplete(suggests, {
  autosuggest: false
});

8. Add a customized symbol to the top of the value.

$(".suggests").multiAutocomplete(suggests, {
  endingSymbols: '*'
});

9. Determine an array of keycodes that might be used to insert solutions into the input field.

$(".suggests").multiAutocomplete(suggests, {
  stopSuggestionKeys: [9, 13]
});

10. Determine whether or not to contemplate case sensitivity.

$(".suggests").multiAutocomplete(suggests, {
  ignoreCase: true
});

11. Determine the utmost variety of solutions to display.

$(".suggests").multiAutocomplete(suggests, {
  maxShowSuggestion: 5
});

12. Destroy the plugin if needed.

$(".suggests2").multiAutocomplete('destroy');

User-friendly Multi-Autocomplete Plugin, jQuery Multi Autocomplete Plugin/Github

See Demo And Download