ドロップダウン選択が変更されたときにテーブルのデータを更新する

Question

現在、PHPを学び、シネマの予約システムの作成を含む練習をしています。現時点では私はシネマシステムに新たな上映の入力内容に映画館の管理を可能にするテーブルの一部として、次のコードを作った：私はこれまで書いてきた何

   "\n\t<td><select name='screen[0]' style='width:100%;'/>". 
       "<option>"; 
       $sql0 = "SELECT * FROM tblscreen"; 
       $result0=mysqli_query($connection, $sql0); 
       while ($newArray = mysqli_fetch_array($result0)) { 
       $screen = $newArray['id']; 
       echo "<option> $screen </option>"; 
       } 
     echo "</select></td>". 
       "\n\t<td><input name='seatsremaining[0]'/></td>". 
       "\n\t<td></td>". 
      "\n</tr>"; 

は、ユーザに提供しますソースとして、映画館の画面に関するすべての情報を保持するデータベースエンティティの名前列を取るドロップダウン選択ボックスを備えている。コードでわかるように、データを表示するための表の次の列は、表示に使用できるシートの総量を記録するためのものです。現在のところ、これはマネージャによって手動で入力されます。ただし、画面の総席数を格納する値は、データベースの画面名を保持する同じエンティティに格納されます。私はドロップダウンリストから画面名が選択されるとすぐに、画面エンティティの対応する値で入力テーブルの残りの列を更新するコードを記述したいと思います。誰もがこれを達成するための最良の方法は何か教えてくれますか？

Answer 1

あなたは、（私は2番目のオプションをお勧め）ページを更新するか、AJAXを使用していずれかを選択した場合onchange後にこのような何かこれを行う必要があります。

<select name='screen[0]' onchange="updateSeats(0)" style='width:100%;'/> 
... 
<input name='seatsremaining[0]' id='seatsremaining[0]'/> 
... 
<script type="text/javascript"> 
function updateSeats(id){ 
    ... here you have to get the seats via AJAX php request against a callback function ... 
} 

function callbackFunction(info){ 
    id = info.id; 
    seats = info.seats; 
    document.getElementById("seatsremaining["+id+"]").value = seats; 
} 
</script> 

を