Geek asks and answers

How to overcome JQuery MultiSelect Performance Issue when there are many elements?

I am using jQuery Multiselect from the jQuery user interface: http://www.erichynds.com/blog/jquery-ui-multiselect-widget

It has great features for finding items, a list of options and a list of checkboxes, etc., but

It doesn't work well when the number of elements exceeds 700, and it has CSS issues with IE 8.0.

Where can I find a drop-down list with select and search options that can work well in large numbers? I searched Google, but could not find anything that met these criteria.

I would like to avoid creating a new such control, if possible.

+3
source share
1 answer

css. JS, . jsfiddle.com http://jsfiddle.net/snlacks/4WRS2/2/

edit: : http://jsfiddle.net/snlacks/4WRS2/4/

, .

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

css.

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

More articles:


All Articles