Kenjiro Aikawa Ответов: 2

Bootstrap модальное всплывающее окно с помощью кнопки

Привет, у меня есть HTML-форма с кнопкой, когда я нажимаю кнопку, модальная форма всплывает, но когда я помещаю php-код внутри href, он не всплывает. Пожалуйста, помогите мне. Заранее спасибо.

Что я уже пробовал:

Этот код показывает модальное всплывающее окно:
<td><a href="#myModal" data-toggle="modal"><button class="btn btn-primary">Edit Record</button></a></td>


Это не показывает модальное всплывающее окно:
<td><a href="#myModal <?php echo '?id='.$id; ?>" data-toggle="modal"><button class="btn btn-primary">Edit Record</button></a></td>

2 Ответов

Рейтинг:
1

Bryian Tan

Основываясь на том, что вы опубликовали, я думаю, что вам, возможно, потребуется обновить код, чтобы использовать атрибут data для передачи идентификатора в модал. Затем считайте значение с помощью JavaScript. Что-то вроде ниже.

<td><a href="#myModal" data-id="<?php echo $id; ?>" data-toggle="modal"><button class="btn btn-primary">Edit Record</button></a></td>


вот вам пример: bootstrap модальное всплывающее окно с данными - JSFiddle[^]

Ссылка:
JavaScript · Bootstrap[^]

Kenjiro Aikawa

Привет Брайан, Спасибо за решение, которое я нашел, исправьте мою проблему с передачей данных из модального и показом модального, разделив его на страницу моей учетной записи пользователя, но проблема в том, что когда я включаю эту модальную страницу в свой запрос, моя таблица была разрушена. я не знаю, в чем проблема. Я опубликую свой код.

Рейтинг:
0

Kenjiro Aikawa 

<div class="container">
            <table class="table table-bordered" style="position: fixed; margin-left:12px; margin-top:210px; margin-bottom:10px; width:87%">
                <thead>
                    <tr>
                        <th style="padding-bottom:15px;">No.</th>
                        <th style="padding-bottom:15px;">ID Number</th>
                        <th style="padding-bottom:15px;">Name</th>
                        <th style="padding-bottom:15px;">Department</th>
                        <th style="padding-bottom:15px;">Position</th>
						<th style="padding-bottom:15px;">Role</th>
						<th style="padding-bottom:15px;">Status</th>
                        <th style="padding-bottom:15px;">Option</th>
                    </tr>
                </thead>
                <tbody class="table-users">

					 <?php
					  $sql = "SELECT id, userid, name, department, position, status, role FROM tbl_user WHERE role<>'SUPER ADMIN'";
					  foreach ($db->query($sql) as $row) {	            			
	            	?>
                	<tr>
						<td><?php echo $row['id']; ?></td>
						<td><?php echo $row['userid']; ?></td>
						<td><?php echo $row['name']; ?></td>
						<td><?php echo $row['department']; ?></td>
						<td><?php echo $row['position']; ?></td>
						<td><?php echo $row['role']; ?></td>
						<td><?php echo $row['status']; ?></td>
      <td>
      <a href="#edit_<?php echo $row['id']; >" class="btn btn-success btn-sm" 
      data-toggle="modal"><span class="glyphicon glyphicon-edit"></span> Edit</a>
      </td>
      <?php include('edit_delete_modal.php'); ?>
                         
					</tr>
					<?php } ?>
            	</tbody>
            </table>
		</div>