Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
It can be tough to style <select> dropdowns with just css. Chosen is a JavaScript plugin that allows you to style dropdowns differently, and make long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
Stack Overflow Starter Kit
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.css" />
<select class='chosen-select'>
<option>Option 1</option>
<option>Option 2</option>
</select>
JS
$(".chosen-select").chosen({
// Options //
// disable_search_threshold
// no_results_text
// max_selected_options
// rtl
// width
});
