モーダルはイメージからデータをフェッチする方法はありますか？

Question

私はホステルの管理ページを開発しています。私は現在、チェックアウトのためのコードを構築しています。私はここに画像を持っており、モーダルを引き起こします。イメージはsqlから "room_id"の値をフェッチします。ここで私はその画像付きの客室を取得する方法である：

<?php 
    include('db.php'); 
     $sql = "SELECT * FROM rooms order by room_name asc"; 
     { 
     $result = $conn->query($sql); 
     while($row = $result->fetch_assoc()) 
     { 
      if ($row["room_type"]=="DELUXE") 
      { 
       if ($row["room_status"]=='AVAILABLE') 
       { 
?> 

それから私はこのようにそれを表示：

<form action="" method="post"> 
    <td><a href="../admin pages/rooms/CheckIn.php?room_id=<?php echo $row["room_id"]; ?>" onclick="return confirm('CheckIn?')"><img src='../dist/img/Green bed.PNG'/></a> 

    <?php } else if($row["room_status"]=='UNAVAILABLE'){ ?> 
    <td><img data-toggle="modal" data-target="#modal-danger" src='../dist/img/Red bed.PNG' name="ToOut" value="<?php echo $row["room_id"];?>"> 
    javascript:document.forms['frmbrand'].hidbrand.value = this.value; 
    <?php } ?> 
    </form> 
    <br><b><?php echo $row["room_type"]; ?></b><small><?php echo $row["room_name"]; echo $row["room_id"]; ?></small><i><span> Php<?php echo $row["room_price"]; ?>.00</span></i></td> 
    <?php }}} ?> 

その後、私は画像をクリックするとトリガされ、チェックアウトのためのモーダルがあります

<div class="modal modal-danger fade" id="modal-danger"> 
     <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <h4 class="modal-title">Billing</h4> 
      </div> 
      <div class="modal-body"> 
      <?php ECHO $_POST["ToOut"];?> 
      </div> 
      <div class="modal-footer"> 
      <a type="button" class="btn btn-outline" data-dismiss="modal" data-target="#add">Extra Room Service</a> 
      <a type="button" class="btn btn-outline" data-toggle="modal" href="rooms/CheckOut.php?room_id=<?php echo $row["room_id"]; ?>">Check Out</a> 
      <a type="button" class="btn btn-outline" data-toggle="modal" data-target="#add">Extra Room Service</a> 
      <a type="button" class="btn btn-outline" data-toggle="modal" data-target="#add">Add Orders</a> 
      </div> 
     </div> 
     </div> 

チェックアウトページ が働いています。私は、モーダルが データを取得していないことを発見しました。

Answer 1

valueフィールドは、imgタグではなく入力タグに使用されます。 imgタグに値を格納する代わりに、非表示の入力タイプを使用できます。例：

<input type="hidden" name="ToOut" value="<?php echo $row["room_id"];?>" />. 

これをフォームのどこかに配置します。非表示の入力を使用すると、要素はフォームのどこにも表示されませんが、フォームの送信時に情報が渡されます。