Chosen: Keep Multiple Selection Order

topcan5 picture topcan5 · Sep 12, 2012 · Viewed 21.2k times · Source

I am using Chosen's Multiple selection. I want to be able to track user selected order. For example, if a user select option2 first then option1, I want to get the result in the order of option2 and option1. But chosen sorts user selected options. Is there a way I can tell chosen to not sorting the result?

Answer

Tristan Jahier picture Tristan Jahier · Jul 22, 2014

I wrote a simple plugin to use along with Chosen. It allows you to retrieve the selection order of a Chosen multiple select element, and also to set it from an array of ordered values.

It is available on Github : https://github.com/tristanjahier/chosen-order

It is compatible with Chosen 1.0+ and with both jQuery and Prototype versions. There is also a plugin for each framework, which let you do things like this:

Retrieve the selection order

var selection = $('#my-list').getSelectionOrder();

Set the selected values in order

var order = ['nioup', 'plop', 'fianle']; // Ordered options values
$('#my-list').setSelectionOrder(order);

Check it out.