CodeCanyon Selectsorter 123390
Script \ JavaScript \ Forms
Select \ Version \ Comparer \ Sorting \ Function \ Custom \ Sortable \ Script

JavaScript - Selectsorter 123390 by jimmiw @ CodeCanyon

Script \ JavaScript \ Forms

jQuery script for sorting a select box’s option elements.

You can easily sort the items in the select box ascending (A-Z) and descending (Z-A).
You can even ignore casing.

In the demo script, I have included a custom comparer function, which shows you how to randomize the content in the select box.
This will make it easier for you, to build your own custom sorting mechanisms and extend the SelectSorter easy!


version 0.4

- Selects with size 1 had a problem with selecting the correct item again after the list was sorted.

- Added a minified version (jquery.selectsorter-min.js)

version 0.3

- Added better examples to the demo.html file.

- Fixed a bug in the DESC sorting.

version 0.2

- Using the built in sort() function

- Added a default comparer called text_compare, to compare the option’s text

- The user can now use a custom comparer function, by passing the ‘comparer’ a function

- The speed is now greatly increased, did some speed tests on the random_words select, and it went from 278ms to 20ms.

- Tried to add some description as to how to use the comparer.

version 0.1

- Sorts the given select

- Can sort in ASC or DESC directions

- Using bubblesort as the sorting algorithm

- Tested using jQuery 1.4.2

Last Update: N/A; Compatible Browsers: IE8, Firefox, Safari, Chrome 4, Chrome 5; Files Included: JavaScript JS, HTML; Software Version: jQuery.

Pickled; My related posts; EditMe.

Keywords: select, select box, sort, sortable, sortable list.

Create CodeCanyon Selectsorter 123390 style with After Effect, Cinema 4D, 3DS Max, Apple Motion or PhotoShop. CodeCanyon Selectsorter 123390 from creative professional designers. Full details of CodeCanyon Selectsorter 123390 for digital design and education. CodeCanyon Selectsorter 123390 desigen style information or anything related.


Add Comments:
Enter Code: *