フォーム内の数字の順番を入れ替えるOnChange

これはちょっと変わったことですが、私はすでに少しの検索をして結果を返さなかったので、どこから始めるべきかアドバイスを受けるのが良いでしょう。フォーム内の数字の順番を入れ替えるOnChange

私は自分のデータベース内に、cat_orderという列を正しく列挙するリストを持っています。これは編集可能な基本的なナンバリングシステムです。いくつかの例：

cat_order | cat_name 
    1   Union Rooms 
    2   Jesters 
    3   Popworld 
    4   Walkabout 
    5   Two Trees 
    6   Crash Manor

これらのカテゴリがユーザに表示され、それらはcat_orderカラムを用いASC順に表示されます。だから、彼らを注文するのはかなりシンプルで基本的な方法です。 5と1を交換した場合、Two TreesはUnion Roomsの場所に表示され、逆も同様です。

物事の管理側では、これらの注文番号を変更するシステムを作成しようとしています。私はそうのような単純なフォームの方法を選択した：

<form action="" method="post" id="sort_cat" name="sort_cat"> 

<? 
$sql5 = "SELECT * FROM `new_categories` WHERE `cat_up_lvl` = '$cat' ORDER BY `venue_closed` ASC, `cat_order` ASC"; 
$result5 = $conn->query($sql5); 

      if ($result5->num_rows > 0) { 
      // output data of each row 
      while($row5 = $result5->fetch_assoc()) { 
      $cat_id5 = $row5['cat_id']; 
      $cat_name5 = $row5['cat_name']; 
      $cat_short_code5 = $row5['short_code']; 
      $cat_city5 = $row5['cat_city']; 
      $cat_order5 = $row5['cat_order']; 

?>   
<div class="form-group"> 
    <div class="input-group"> 
     <input type="hidden" id="cat_id[]" value="<? echo $cat_id5; ?>">  
     <input type="number" class="form-control" id="order[]" placeholder="Order..." value="<? echo $cat_order5; ?>"> 
     <div class="input-group-addon" style="width:80%;"><b><? echo $cat_name5; ?></b> (<? echo $cat_short_code5; ?>)</div> 
    </div> 
    </div> 

<? 
      } 
    } 
?> 
</form>

（それも可能だろう場合）私は、私は1つの数を変更すると、フォーム内の周りの番号を交換する方法を探しています。だから私のフォーム上でJesters (2)をWalkabout (4)に変更したいのであれば、Jesters (4)の数字のうち1つしか変更できず、システムが何らかの形で実現するだろう - 「OK、Walkaboutは4、Jestersは2だった。 Jestersは4になり、Walkaboutは2 "になります。そして、何とかこの処理を自動的に行いますか？

これはJSを使用するのでしょうか、これはPHPで行うことができますか？どのようにすればよいでしょうか？ただ、その目的のために