PHP 数据库显示在具有不同锚标记的相同字段中

我四处寻找，看看这是否可行，但却空手而归。首先，这是我的代码：

 <div id="information" style="display:none">
 </div>

<?php $seat = mysql_query("SELECT * FROM people WHERE seat='C3-24'"); $row = mysql_fetch_array($seat); ?>

     <ul>
        <li> <?= $row['first_name']; ?></li>
        <li> <?= $row['last_name']?> </li>          
        <li> <?= $row['seat']?></li>            
     </ul>                   

 </div><!-- information -->

 <div id="c3-24" class="seat">
    <a class="trigger" onClick="document.getElementById('information').style.display='block';"></a></div>
</div>

基本上我想更新li当我选择一个时列出div id "c3-25"。现在我知道拥有WHERE seat="C3-25"只会输出数据库行，但我想在其他位置重用此结构。据我读到，这是不可能的。理想情况下，我想要一个 div 列表（c3-24 到 c3-50），并在单击锚点标签时显示相应的信息。li字段。

我尝试过放置多个“信息”div，但这些信息最终只是堆叠在一起。

任何帮助，将不胜感激。

问题在于时机。有两个非常独立的执行上下文值得考虑来理解您的问题：

1. 页面构建 (PHP) - Web 服务器创建 HTML 发送到浏览器；
2. 用户交互 (JavaScript) - 用户的浏览器已呈现页面并且用户正在与其交互。

由于页面构建时间发生在浏览器获取信息之前，因此它不可能实现用户决策（稍后发生）。

此类解决方案的典型解决方案是将应用程序分解为多个请求。作为最佳实践，最好将 JavaScript 拆分为单独的文件，并使用称为委托的技术来减少代码量。

我就是这样做的。首先，发送页面结构（PHP/HTML）：

<div id="information">
  <!-- leave empty -->
</div>
<div class="seats">
  <div class="seat">
    <a class="trigger">c3-24</a></div>
  </div>
  <div class="seat">
    <a class="trigger">c3-25</a></div>
  </div>
  ...
</div>

然后在单独的 JavaScript 文件中设置用户交互：

// setup a click handler on the parent 'seats' div
document.querySelector('.seats').addEventListener('click', function(e){
  // check if the target of the click was actually an anchor tag with class=target
  if (e.target.classList.contains('target')) {
    var
      // use the text of the anchor tag to get the seat
      seat = e.target.textContent,
      // create an XMLHttpRequest to asynchronously get the seat details
      req = new XMLHttpRequest();
    // handle server result by inserting details
    req.onreadystatechange = function() {
      if(req.readyState === 4){
        document.getElementById('information').innerHTML = req.responseText;
      }
    };
    req.open("GET", "seatdata.php?seat=" + encodeURIComponent(seat), true);
    req.send(null);
  }
});

最后，实现一个单独的 PHP 脚本，用于获取特定座位的数据（例如 Seatdata.php）。你的脚本应该得到seatURL参数通过$_GET['seat']并在您的查询中使用它。

根据 Madara 的评论，不要使用mysql_query直接使用它，因为它已被弃用，请使用更好的东西。