模态如何从图像中获取数据？答案

【问题标题】：How can a modal fetch data from an image?模态如何从图像中获取数据？
【发布时间】：2017-10-10 14:08:55
【问题描述】：

我正在开发一个宿舍管理页面。我现在正在构建结帐代码。我这里有一张图片，它触发了一个模态。该图像从 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>

结帐页面正在运行。我发现模态没有获取数据。

【问题讨论】：

标签： javascript php html sql

【解决方案1】：

value 字段用于输入标签，而不是 img 标签。您可以使用隐藏的输入类型，而不是将值存储在 img 标签上。例如：

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

将其放置在表单中的某个位置。使用隐藏输入，该元素不会显示在表单的任何位置，但在提交表单时会传递信息。

【讨论】：

@Isaiah 那么还有其他问题。如果您将此代码放在表单中，则保证可以正常工作。