Often we encounter scenarios where we have a long list and the user needs to select an element from the never ending list.
This can be solved by using a simple jQuery plugin.
Here you go chosen is what you need. This page gives you an idea how can you use and which scenarios it can be used. Download it and copy its resouces into you web resources directory.
How to use:
$("#selectList").chosen({ 'width': '25%', allow_single_deselect: true });
Update list:
$('#selectList').trigger("chosen:updated");
If you have any doubts please let us know in comment section.