Question

I am looking at the demo for sorting items here but I want the text in the list to appear as something but when I click save and it posts server side I want to use values. I know <li> doesn’t support value so what options do I have?

UPDATE: I assume the way to save the data server side is to have a hidden input, when the user clicks a save button you populate the hidden field with the sortable.array() data with javascript and then it does the post?

Answer 1

Inside a form submit handler you can serialize the sortable into a hidden input which will be posted back server side.

In response to your comment – serialize() does indeed work as demo’d here

e.g

$('#yourForm').submit( saveSortable );

function saveSortable(){

  $('#hiddenInput').val( $('#sortable').serialize() );

}