Navigation

Home
Search
Submit A Resource
Contact Us
About Functionn

Subscription Options


Subscribe By Email (265+)


Lists


Archives

Jun 7, 2012

Author: Hirvesh Posted At: 6/07/2012 Tags: , , , , ,

Select2 - A Better Way To Make Select Boxes Using jQuery

Share:
Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. Look and feel of Select2 is based on the excellent Chosen library.


Features

  • Multi-Value Select Boxes - Select2 also supports multi-value select boxes. The select below is declared with the multiple attribute.
  • Placeholders - A placeholder value can be defined and will be displayed until a selection is made.
  • Minimum Input - Select2 supports a minimum input setting which is useful for large remote datasets where short search terms are not very useful.
  • Templating - Various display options of the Select2 component can be changed.
  • Loading Data - Select2 uses a function to load result data.
  • Loading Array Data - Select2 provides some shortcuts that make it easy to access local data stored in an array instead of having to write a query function as mentioned above.
  • Loading Remote Data - Select2 comes with AJAX/JSONP support built in.
  • Infinite Scroll with Remote Data - Select2 supports lazy-appending of results when the result list is scrolled to the end. In order to enable the remote service must support some sort of a paging mechanism and the query function given to Select2 must take advantage of it.
  • Programmatic Access - Select2 supports methods that allow programmatic control of the component.
  • Change Event - Select2 triggers the change event on the original element whenever its value is changed by the user.
  • Tagging Support - Select2 can be used to quickly set up fields used for tagging.
  • Reacting to external value changes - Select2 can react to external value changes and keep its selection in-sync. This feature allows Select2 to work seamlessly with front-end frameworks that use data binding between ui components and model values.


Requirements: jQuery
Demohttp://ivaynberg.github.com/select2/
License: Apache License v2.0

Daily Posts, Be Updated, Subscribe:

Want Free Web Resources? Enter Your Email And We'll Send It To You - Daily! (265+ Subscribers)

Yup, it's that straight forward! Enter your email address below and we'll send you the latest web resources to your inbox, everyday. We don't do spam. Ever.

Trending Posts On Functionn This Week

Share:

Other Interesting Resources:

0 comments:

Post a Comment

 


Recent Posts

Popular Categories



Popular Components



Popular Licenses