Salve a tutti, ho cercato nel forum ma ancora non riesco a trovare quello che cerco, vi spiego brevemente il mio problema, devo creare un ordine di visualizzazione di un menu, in poche parole devo scegliere l'ordine con cui visualizzare le voci, tralasciamo tutta la parte di salvataggio e prendiamo in considerazione solo la voce input.

Sto utilizzando php per estrarre i dati da MySql, quindi posso fare ciò che voglio con i dati, stavo vedendo in giro sul web come eseguire questa funzione e ci sono un sacco di tutoria al riguardo ma ancora non ho capito per bene come posso associare i valori che sposto con i miei input.

I valori che prenderemo in considerazione sono gli ordini di visualizzazione numerici "1,2,3,4...n"
e le voci "Home,Galleria,Contatti,Links...vari"

Fino ad ora per fare questa cosa ho sempre usato il tag "Select/Option" ma ai fini di velocità risulta essere estremamente lento, quindi per questo mi stavo interessando a come realizzare questa cosa.

Ho trovato questo codice su http://jqueryui.com/sortable/
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Sortable - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<style>
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }
</style>
<script>
$(function() {
$( "#sortable" ).sortable();
$( "#sortable" ).disableSelection();
});
</script>
</head>
<body>
<ul id="sortable">
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 1
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 2
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 3
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 4
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 5
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 6
<li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>Item 7[/list]
</body>
</html>

lo vedo molto pulito e semplice, ma
ancora non ho capito come associare le mie voci ai miei id per poi eseguire un Submit, quialcuno di voi ha già eseguito questa operazione ???