using jQueryUI sortable list with forms

Question

I\'m using jQueryUI to create a sortable list, and the UI part works great in that I can sort the items as desired on the web page. I can\'t figure out, though, how the order o

Answer 1

You can use the method .serialize on your sortable object : http://docs.jquery.com/UI/Sortable#method-serialize

$( "#sortable" ).sortable('serialize') will give you an ajax submittable array of items. Just assign it to an input box if you are not using ajax. Or simply pass it into your data array if using ajax

EDIT Example here : http://jsfiddle.net/jomanlk/KeAer/2/

As the jquery docs note, for this to work your elements need to have ids in the form of set_number (e.g. rank_1, rank_2). So I've modified your HTML

Just remove the return false in the form and the serialized value will be set to the input box on form submission