jQuery- How can we do multiple drop-down values auto suggestions?

Question: How can we do multiple drop-down values Auto suggestions?
Answer: We can do this using below codes using choosen libraries. We can test the code putting in a single html file test.html
Code 1: Include jQuery/CSS libraries

?

1 2 3 4 5

<link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet"> <script src="https://code.jquery.com/jquery-1.8.3.js"></script> <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css" rel="stylesheet">

Code 2: jQuery script

?

1 2 3

$(function() {     $(".choosen-select").chosen(); });

Code 3: HTML

?

1 2 3 4 5 6

<select class="choosen-select" multiple="true" name="faculty" style="width: 200px;">         <option value="AC">A</option>         <option value="AD">B</option>         <option value="AM">C</option>         <option value="AP">D</option> </select>

Output