JavaScript サンプル: ドラッグで並び替え可能なリスト項目

HTML5 のドラッグ＆ドロップ API を使用して項目をドラッグして入れ替えができるようにします。

• 最下部のドラッグ用にダミー項目を追加しています。
• サーバー側で順序情報を取得できるように <input type="hidden"> に順序を設定する処理も追加しています。

• 項目 1
• 項目 2
• 項目 3
• 項目 4
• 項目 5

<input type="hidden"> のダンプ