実現したいこと
- HTMLのリスト要素をドラッグアンドドロップが完了すると同時にphpでSQLで
UPDATE
を実行したい
前提
- ひとまずjqueryでのやり方を模索中
- Ajaxの非同期処理で実現可能?
発生している問題
ボタンを押下した際にphpにsubmitすることはできている。
該当のソースコード
HTML
1<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 2<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.js"></script> 3<form action="" method="post"> 4 <ul class="sortable"> 5 <li>リスト1</li> 6 <li>リスト2</li> 7 <li>リスト3</li> 8 <li>リスト4</li> 9 <li>リスト5</li> 10 </ul> 11 <input type="hidden" id="result" name="result" /> 12 <button id="submit">submit</button> 13</form>
Javascript
1$(function() { 2 $(".sortable").sortable(); 3 $(".sortable").disableSelection(); 4 $("#submit").click(function() { 5 var result = $(".sortable").sortable("toArray"); 6 $("#result").val(result); 7 $("form").submit(); 8 }); 9});
補足情報(FW/ツールのバージョンなど)
jquery でなくても構いません。本当はjQueryを使いたくありません。

回答1件
あなたの回答
tips
プレビュー