Я выполняю операции PHP CRUD на столе. Когда я нажимаю кнопку редактирования, а затем беру ее на новую страницу, я хочу показать значения в модальном. Я хочу, чтобы значение отображалось в форме модального. Я создал модальный, но я не могу думать о логике, чтобы передать значения строки, в которую была нажата кнопка редактирования. Любая помощь будет высоко оценен.
Таблица:
<table class="table datatable-basic table-bordered table-hover"> <thead> <tr class='active'> <th><b>S.No.</b></th> <th><b>Name</b></th> <th><b>Mobile Number</b></th> <th><b>Password</b></th> <th><b>Actions</b></th> </tr> </thead> <tbody> <?php $sql="SELECT * from users ORDER BY name ASC" ; $c = 1; $results = $result->query($sql); while($row = $results->fetch_assoc()) { echo '<tr style="font-weight:normal;">'; echo "<td>$c</td>"; echo "<td>{$row['name']}</td>"; echo "<td>{$row['username']}</td>"; echo "<td>{$row['pass']}</td>"; echo "<td class='text-center'><ul class='icons-list'><a href='#' style='color:#000;'><i class='icon-pencil5' data-toggle='modal' data-target='#modal_edit' data-popup='tooltip' title='Edit' data-container='body'></i></a> <a href='delete.php?teacherid={$row['username']}' style='color:#000;'><i class='icon-cross2' data-popup='tooltip' title='Delete' data-container='body'></i></a></ul></td>"; echo '</tr>'; ++$c; } ?> </tbody> </table> Мой Модал таков :
<div id="modal_edit" class="modal fade" style="font-weight: normal;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h5 class="modal-title">Add Teacher</h5> </div> <form action="" method="POST"> <div class="modal-body"> <div class="form-group"> <div class="row"> <div class="col-sm-6"> <label>Full Name</label> <input type="text" name="fullname" class="form-control" required> </div> <div class="col-sm-6"> <label>Mobile Number</label> <input type="text" name="mobno" class="form-control" required> </div> </div> </div> <div class="form-group"> <div class="row"> <div class="col-sm-6"> <label>Password</label> <input type="password" name="password" class="form-control" required> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-link" data-dismiss="modal">Close</button> <button type="submit" name="submit" class="btn btn-primary">Submit</button> </div> </div> </form> </div> </div>
<?php . . echo "<td class='text-center'> <ul class='icons-list'> <a href='#modal_edit' class='modalButton' style='color:#000;' data-teacherid='{$row['username']}' data-toggle='modal' data-target='#modal_edit' data-popup='tooltip' title='Edit' data-container='body'> <i class='icon-pencil5'></i> </a>"; echo "<a href='delete.php?teacherid={$row['username']}' style='color:#000;'><i class='icon-cross2' data-popup='tooltip' title='Delete' data-container='body'></i></a></ul></td>"; echo '</tr>'; ++$c; } ?>
Поместите этот код где-нибудь, но на той же странице.
<div id="modal_edit" class="modal fade" style="font-weight: normal;"> <div class="modal-dialog"> <div class="modal-content"> </div> </div> </div>
JS
<script> $('.modalButton').click(function(){ var teacherid = $(this).attr('data-teacherid'); $.ajax({url:"ajax_modal_edit.php?teacherid="+teacherid,cache:false,success:function(result){ $(".modal-content").html(result); }}); }); </script>
Создайте имя страницы ajax_modal_edit.php (Если вы хотите изменить название этой страницы, замените <script></script> . Оба связаны друг с другом.)
ajax_modal_edit.php
<?php $teacherid = $_GET['teacherid']; // Use this `$teacherid` in query to get all required/appropriate field ?> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h5 class="modal-title">Add Teacher <?php echo $teacherid;?></h5> </div> <form action="" method="POST"> <div class="modal-body"> <div class="form-group"> <div class="row"> <div class="col-sm-6"> <label>Full Name</label> <input type="text" name="fullname" class="form-control" required> </div> <div class="col-sm-6"> <label>Mobile Number</label> <input type="text" name="mobno" class="form-control" required> </div> </div> </div> <div class="form-group"> <div class="row"> <div class="col-sm-6"> <label>Password</label> <input type="password" name="password" class="form-control" required> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-link" data-dismiss="modal">Close</button> <button type="submit" name="submit" class="btn btn-primary">Submit</button> </div> </div> </form>
Для получения дополнительной информации проверьте передачу данных через Modal Bootstrap и получение переменной php?