Когда я нажимаю на редактирование, «id» должен перейти на собственную страницу, и модальный должен появиться. Но это не сработает. пожалуйста, помогите мне
PHP и Bootstrap
<tr> <td><?php echo $row['name']; ?></td> <td><a data-toggle="modal" data-target="#myModal" href='?id=<?php echo $row['id']; ?>'>Edit</a> </td> </tr> модальный
<div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> ------ ----- ----- </div> </div>
Создайте класс Edit в теге <a></a> . Используйте этот класс для вызова модального. И, добавьте data-Id="<?echo $row['id'];?>"
<tr> <td><?php echo $row['name']; ?></td> <td> <a class='Edit' data-toggle="modal" href="#form_modal" data-target="#myModal" data-Id="<?php echo $row['id'];?>">Edit</a> </td> </tr>
Поместите этот код в нижний колонтитул
<div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> </div> </div> </div>
JS
<script> $('.Edit').click(function(){ var Id=$(this).attr('data-Id'); $.ajax({url:"SomePage.php?Id="+Id,cache:false,success:function(result){ $(".modal-content").html(result); }}); }); </script>
Создайте файл somepage.php (если вы хотите изменить имя этой страницы. Также измените <script></script> . Оба связаны друг с другом.)
SomePage.php
<?php $Id=$_GET['Id']; ?> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="fam_id"></h4> </div> <div class="modal-body"> <?php echo $Id;?> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div>
Для получения дополнительной информации нажмите « Показать данные на основе выбранного идентификатора» на модальном всплывающем меню