javascript - How to overcome the JQuery MultiSelect Performance Issue when there are many items? -

i'm using jquery multiselect jquery ui: http://www.erichynds.com/blog/jquery-ui-multiselect-widget

it has great features searching items, option list , checkbox list, etc but

it doesn't perform when number of items above 700 , has css issues ie 8.0.

where can find multiselectable , searchable drop downlist can perform in large numbers? googled couldn't find meets these criteria.

i'd avoid building new such control myself if possible.

you might better off styling own css only. shouldn't use js if don't have to. here's jsfiddle.com http://jsfiddle.net/snlacks/4wrs2/2/

edit: made little prettier: http://jsfiddle.net/snlacks/4wrs2/4/

if have more questions, please ask.

<div class="multiselect">     <ul>         <li><label><input type="checkbox" name="1"/><div>test 1</div></li>         ...     </ul> </div> 

the key points on css here.

.multiselect {...     overflow: scroll;     box-sizing: margin-box; } .... .multiselect li input[type="checkbox"]:checked~span {     background: #efefef; }