【问题标题】:Passing id in URL to a modal将 URL 中的 id 传递给模式
【发布时间】:2020-02-23 17:15:35
【问题描述】:

我有一个 ID 为 modal_act_cat 的模态,所以我有一个带表格的模态。我想通过单击字段将表中的 id 传递给模式。我进入模态的行代码是(打开模态但字段为空):

echo "<tr><td><a href='#modal_act_cat name='cat_nombre_id'>" . $row['cat_nombre_id'] . "</a></td>

但如果我在href 中的 URL 中添加参数,则模式不会显示。

echo "<tr><td><a href='#modal_act_cat?cat_nombre_id=" . $row['cat_nombre_id'] . "' name='cat_nombre_id'>" . $row['cat_nombre_id'] . "</a></td>

请参阅下面的模式,我正在尝试使用cat_nombre_id 来显示结果。

  <div class="modal_container" id="modal_act_cat">
    <div class="modal">
      <a href="index.php" class="close">+</a>
      <span class="modal_heading">Actualizar categoría</span>
      <a href="#buscar_cat" class="logo">
        <i class="icon ion-md-search"></i>
      </a>
      <form class="form_crear_cat" action="crear_cat.php" method="POST">
        <?php
        require("conn.php");
        if(isset($_GET['cat_nombre_id'])){
          $cat_nombre_id = $_GET['cat_nombre_id'];
          $query = "SELECT * FROM categorias WHERE cat_nombre_id = '$cat_nombre_id'";
          $result = mysqli_query($conn, $query);
          while($row = mysqli_fetch_array($result)){
            ?>
            <input type="text" id="cc1" name="cat_nombre_id" value="" placeholder="Nombre de la Categoría" required><?php echo $row['cat_nombre_id']; ?></input>
            <input type="text" name="supCat_nombre_id" value="" placeholder="Nombre de la Super Categoría" required><?php echo $row['supCat_nombre_id']; ?></input>
            <textarea name="cat_descripcion" rows="3" placeholder="Descripción de la Categoría"><?php echo $row['cat_descripcion']; ?></textarea>
            <?php
          }
        }
        ?>
      </form>
    </div>
  </div>

感谢您的建议。

【问题讨论】:

    标签: php html css simplemodal


    【解决方案1】:

    我想你正在使用 javascript modal,如果是这样,你应该使用 javascript 传递 id

    echo "<tr><td><a href='#modal_act_cat" data-id='".$row['cat_nombre_id']."' name='cat_nombre_id'>" . $row['cat_nombre_id'] . "</a></td>
    

    然后其余的模态内容应该是基于 ajax 的。

    【讨论】:

      猜你喜欢
      • 2015-03-18
      • 1970-01-01
      • 2016-01-01
      • 2017-09-09
      • 1970-01-01
      • 2014-09-13
      • 2016-05-29
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多