![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1hjn9zAaOMWfI3x_UVCXhwpFqcp6eBFj0CkZQmu-7axSz-iuF3X19AERCHxZbA97wEPYfEcyCBianJn4kGg2_5xQLz60VBvw043VGxcBjPLaJmO3T3U0ew0xHNYFeHYuJAMnXSvfdWQus/s1600/jquery-chosen.png)
http://harvesthq.github.io/chosen/
$(".search_me_please").chosen();
//chosen plugin inside a modal will have a zero width because the select element is originally hidden
//and its width cannot be determined.
//so we set the width after modal is show
$("#modal-select-projects, #modal-select-items").on("shown.bs.modal", function () {
$(this).find(".chosen-container").each(function(){
$(this).find("a:first-child").css("width", "210px");
$(this).find(".chosen-drop").css("width" , "210px");
$(this).find(".chosen-search input").css("width" , "200px");
});
$(".search_me_please").trigger("chosen:updated");
});