CODEWITHSUNDEEP
jquery-uijquery
RubyRedGrapefruit
RubyRedGrapefruit

Reputation: 12224

What is a jQuery UI alternative to a select box with 500,000 options?

I have a production app that tracks a product catalog. Some customers have huge amounts of products. The app was originally built for smaller numbers of products. As a result, I have select boxes in a few places that absolutely do not work for these customers with lots of products.

What sort of UI element from jQuery can I employ that will allow the selection of a product from a very large list?

Upvotes: 3

Views: 4299

Answers (6)

Levi Morrison
Levi Morrison

Reputation: 19552

Autocomplete. It is part of jQuery UI toolset which makes it nice if you are trying to only have a few JS libs.

Upvotes: 4

Greg Franko
Greg Franko

Reputation: 1770

You can use SelectBoxIt, a jQueryUI plugin I created to replace the standard HTML select box.

It should work very well for long dropdown lists since I specifically focused on performance for select boxes with thousands of options. Keyboard search and navigation support is also provided.

Upvotes: 2

satti
satti

Reputation: 506

Unobtrusive Fast-filter Dropdown is the best one, as it can handle a rally large number of options, I had a similar issue. I used this plugin

Here is the approach to design this plugin

If you ever tested in IE, Autocomplete will throw an error "the script is running" something of that sort..

Upvotes: 3

Chris Pratt
Chris Pratt

Reputation: 239430

I like Chosen.js. It's pretty slick. It's not a jQuery UI component, but it doesn't conflict.

If you're stuck on using jQuery UI for this, I've also had some luck with the jQuery UI SelectMenu plugin. It doesn't have all the features of Chosen, but it at least presents information better a standard select box and is style-able.

Upvotes: 12

Sander
Sander

Reputation: 13431

if its really jQuery UI you want, then the autocomplete control comes closest

there are variations like the autocomplete with combobox which might be a good solution for you

Upvotes: 4

SLaks
SLaks

Reputation: 887837

You should use jQuery UI autocomplete.

Upvotes: 3

Related Questions