Question

我有一个“在php页面上”的表，其中包含来自数据库的记录。在每一行都有一个按钮，当我点击按钮时，会出现一个模态引导程序，其中包含有关您想要知道的成员的详细信息。

这是按钮代码：

  <td> <?php echo '
         <a href="?id='.$tabel_id.'" class="btn btn-primary">details</a>'; ?> </td>

和模态引导代码：

    <?php
       $connect = mysqli_connect('127.0.0.1','root','','smart');
      $connect->set_charset("utf8");

      if(isset($_GET['id'])){
          $Mid = (int)$_GET['id'];
      $getid = "select * from members where id = '$Mid'";
      $runid = mysqli_query($connect, $getid);

      $row_id = mysqli_fetch_array($runid);

     $show_name = $row_id['name'];

     $show_number = $row_id['number'];



     ?>
    <div class="modal fade bd-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
       <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel"> اضافة فاتورة</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

              <div class="container">
                  <div class="row">
                  <form action="" method="post">

                      <label>الاسم</label>
                      <input type="textbox" name="" class="Mname" disabled value="<?php echo $show_name  ?>"></input>
                      <label>الرقم</label>
                      <input type="textbox" name="" class="Mname" disabled value="<?php echo $show_number;  ?>"></input>
                      <label>النوع</label>
                      <select name="dbType" id="dbType">
                      <option value="normal">عادي</option>
                      <option value="uargent">مستعجل</option>
                      </select>
                      <div id="otherType" style="display:none;">
                      <label for="specify">Specify</label>
                      <input type="text" name="specify" placeholder="Specify Databse Type"/>
                      </div>



                     </form>
                  </div>
                </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
 <?php }else{echo'select an row please';} ?>
      <script>

$("#myModal").modal("show");</script>

    <script src="/our/js/jquery.min.js"></script>
    <script src="/our/js/bootstrap.min.js"></script>    
    <script src="/our/js/run.js"></script>  
</body>

但是当我点击添加按钮时，模态没有出现，但网址改变如下：

http://localhost/our/dashboard.php#myModal?id=2

为什么模态不起作用？

Answer 1

1。您有data-toggle='modal'，但它不知道应该打开什么模式。将其添加到您的按钮。

data-target='#myModal'

Source

2。这也会触发模态。

$("#myModal").modal("show");

您无法在重定向的链接中使用点击功能。

仅与 href attr建立正常链接。

<?php echo '<a href="?id=$tabel_id">Button</a>'; ?>

url应该是信息中心吗？id = 1

html

<?php if(isset($_GET["id"])) { ?>

    <div class="modal fade bd-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">    
        <!---Your same modal from your question--->    
    </div>    

<?php } ?>

在</body>结束身份标记

之前添加此内容

<script>$("#myModal").modal("show");</script>

如何将值赋入bootstrap模式

1 个答案: