调用materialize css modal tru php edit答案

【问题标题】：Calling materialize css modal tru php edit调用materialize css modal tru php edit
【发布时间】：2020-11-30 21:17:30
【问题描述】：

这里我有代码来显示我的表格，我试图调用 materialize css 的编辑按钮单击该按钮时出现模态但没有显示不知道我应该在哪里调用该脚本尝试了多种方法

echo '<table class= "striped" border="0" cellspacing="2" cellpadding="2"> 
    <thead>
      <tr> 
          <td>ID</td> 
          <td>Ime</td> 
          <td>Prezime</td> 
          <td>OIB</td> 
          <td>Datum odlaska</td>
          <td></td>
      </tr></thead>';

      if ($result = $mysqli->query($query)) {
        while ($row = $result->fetch_assoc()) {
            $evidencijaid = $row["evidencijaId"];
            $turistime = $row["evidencijaTuristIme"];
            $turistprezime = $row["evidencijaTuristPrezime"];
            $turistoib = $row["evidencijaTuristOIB"];
            $turistDatum = $row["evidencijaTuristDatumOdlaska"];
            echo '<tbody><tr> 
                      <td>'.$evidencijaid.'</td> 
                      <td>'.$turistime.'</td> 
                      <td>'.$turistprezime.'</td> 
                      <td>'.$turistoib.'</td> 
                      <td>'.$turistDatum.'</td> 
                      <td><a data-target="modal1" class= "waves-effect waves-light btn modal-trigger" href="http://localhost/robinzonlucica/public/evidencija.php?edit='.$row['evidencijaId'].' "><span class="fas fa-edit"></span></a></td>
                      <td><a class= "waves-effect waves-light btn edit" href="http://localhost/robinzonlucica/public/includes/evidencija.inc.php?delete='.$row['evidencijaId'].'"><span class="fas fa-trash"></span></a></td>
                  </tr>';
        }
        $result->free();
    }

这是我的代码，当单击编辑按钮时应该将值放入打开的模式中


if (isset($_GET["edit"])){
$id = $_GET['edit'];
$editrow = izmijeniEvidenciju($conn, $id);
echo '
<!-- Modal Structure -->
<div id="modal1" class="modal">
<div class="row">
<form action="http://localhost/robinzonlucica/public/includes/evidencija.inc.php" class="col s12 registerforma" method="post">
<div class="row">
     <div class="input-field col s6">
         <input id="ime" type="text" class="validate" name="ime" value="'.$editrow['evidencijaTuristIme'].'">
         <label for="last_name">Ime Turista</label>
       </div>
       </div>
       <div class="row">
     <div class="input-field col s6">
         <input id="ime" type="text" class="validate" name="prezime" value="'.$editrow['evidencijaTuristPrezime'].'">
         <label for="last_name">Prezime turista</label>
       </div>
       </div>
       <div class="row">
     <div class="input-field col s6">
         <input id="ime" type="text" class="validate" name="oib" value="'.$editrow['evidencijaTuristOIB'].'">
         <label for="last_name">OIB Turista</label>
       </div>
       </div>
       <div class="row">
       <div class="input-field col s6">
       <input type=text name="datum" id="datum" class="datepicker" value="'.$editrow['evidencijaTuristDatumOdlaska'].'">
       <label for="datum">Datum odlaska</label>
       </div>
       </div>
     <button class="btn waves-effect waves-light gumbsalji" type="submit" name="submit">Upiši</button>
   </div>
   </form>
 <div class="modal-footer">
   <a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a>
 </div>
</div>';
}

正文末尾有我的开场白

<script>
$(document).ready(function(){
    $('.modal-trigger').modal("open");
  });
</script>

不知道哪里出了问题，即使检查了文档也不确定如果我没有做对

【问题讨论】：

标签： javascript php html jquery css

【解决方案1】：

如果您的表格中有多行，则每一行的每个编辑模式都需要有一个唯一的 Id。您应该改用 FOR 循环，这样您就可以像这样回显每个模式的 ID（假设您的迭代器是变量 i）id = modal<php echo i ?php>。然后将此模态放入 FOR 循环中。对于您在编辑按钮上的href，它应该链接到您想要打开的模态ID，例如href=#modal1。并且你的<tbody> 标签应该在 echo 之外，否则它会在你只需要一次时使用每个循环。

【讨论】：