sortableにより、順番変更

テーブルの表などで順番変更し、フォーム送信により順番を保存する

$(function(){
    $('#sortable').sortable();
    $('#sortable').disableSelection();
        
    $('#sortable').bind('sortstop', function (e, ui) {
        // ソートが完了したら実行される。
        var rows = $('#sortable .rank');
        for (var i = 0, rowTotal = rows.length; i < rowTotal; i += 1) {
            $($('.rank')[i]).val(i + 1);
        }
    })
})

行ごとにinput hiddenでclass=”rank”を用意し、順番の情報を格納する。