Their documentation is fairly comprehensive and outlines a range of options and several callbacks you can hook into to further customize the plugin. Much like Select2 and Chosen, Selectize is fairly developer focused, giving you the control over how your dropdowns will work. Selectize is an extremely developer focused, all inclusive plugin that not only provides you with a better looking select list, but also adds new useful features such as tagging, remote data binding and dynamic dropdowns. If you’re looking for something quick and easy that only restyles your select elements and doesn’t require a lot of effort, then this is the plugin for you. The plugin is actively being developed and improved on their GitHub repo and works really well across both mobile and desktop browsers. There isn’t much to this plugin as it’s meant to be used as a quick way to restyle select elements, providing something visually appealing without much effort.
![jquery ui browser support jquery ui browser support](https://cdn.educba.com/academy/wp-content/uploads/2020/07/jQuery-UI-Example-1.png)
jQuery Nice Select replaces the default native select elements with restyled dropdown menus. This plugin is a lightweight select replacement library. Website / Demos / Github jQuery Nice Select This plugin provides a high level of customization and is a great go-to solution if you’re looking for a plugin that can be customized to match your project. The plugin is significantly more developer focused, with their options page showing comprehensive examples of how you’d use each of the different features. The GitHub page for Select2 is impressive, with a group effort behind making the plugin better with each release.
![jquery ui browser support jquery ui browser support](https://i.stack.imgur.com/h3dDH.png)
The developers have moved from version 3 to version 4 and in the process re-written the plugin to make it faster, more responsive and mobile friendly. Select2 has been in development since back in 2012.
![jquery ui browser support jquery ui browser support](https://d3q6qq2zt8nhwv.cloudfront.net/course/4c19b632946b4e2ca5efc38c49f13a41.jpg)
Perfect for when you have a long list of options (such as country names)Įverything just works with this plugin and the desktop support reaches back to IE8 compatibility. The ability to filter elements by searching.Each choice is saved and easily removed if required The ability to handle multi-select options.
#JQUERY UI BROWSER SUPPORT UPDATE#
You can use this plugin if you’re looking to update the default styling of your select elements, but the real power here comes from the additional functionality: ChosenĬhosen is an extensive plugin that not only restyles your select elements but provides additional functionality such as in-select searching, multiple element selection, and highlighting. Some of these plugins are highly configurable with options, methods, and events, while others are simple replacements for select elements for styling and ease of use. We’re going to run through a selection of plugins you can incorporate into your next project. Thankfully there’s a heap of great jQuery powered plugins out there to simplify the process. Sometimes you might want to control how it looks (to keep it consistent across browsers and devices) or you might want additional functionality that just isn’t supported natively. The default styling for select elements isn’t for everyone. This popular article was updated on 12th October, 2016 to reflect the current state of select/dropdown plugins.