ADD using Bootstrap Модальная форма не работает

Я хочу использовать модальную форму для заполнения текущей таблицы, но она не будет работать. Мне просто нужна помощь, возможно, я что-то пропустил. Благодаря!ADD using Bootstrap Модальная форма не работает

Вот мой код для кнопки:

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addModal" href="add_dept.php">+ Add Department</button>

Вот мой код в нижней части моего файла, чтобы показать модальное содержание:

<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
<div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
    </div> 
</div>

Вот мой код add_dept. php:

<?php include("../includes/config.php"); 
$reqErr = ""; 
if($_SERVER['REQUEST_METHOD'] == "POST") { 
    if(!empty($_POST['dept_name']) && !empty($_POST['dept_code'])) { 
    $dept_name = $_POST['dept_name']; 
    $dept_code = $_POST['dept_code']; 
    $query_addDept = "INSERT INTO department(dept_name,dept_code) VALUES('$dept_name','$dept_code')"; 
    if(mysqli_query($con,$query_addDept)) { 
     $reqErr = '<div class="alert alert-success" id="myAlert"> 
       <a href="" class="close"> &nbsp; <i class="fa fa-times"></i></a> 
      <i class="fa fa-check-circle"></i> Department added</div>'; 
      mysqli_close($con); 
    } 
    else { 
     $reqErr = '<div class="alert alert-danger" id="myAlert"> 
      <a href="" class="close"> &nbsp; <i class="fa fa-times"></i></a> 
      <i class="fa fa-exclamation-circle"></i> Failed to add Department</div>'; 
    } 
    } 
} 
?> 

<?php echo $reqErr; ?> 
<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4 class="modal-title">Add Department</h4> 
</div> 
<div class="modal-body"> 
    <form method="POST" class="form" id="add-department" role="form"> 
    <div class="form-group"> 
    <input type="text" class="form-control" id="dept_name" name="dept_name" placeholder="Department Name" /> 
    <span class="help-block"></span> 
    </div> 
    <div class="form-group"> 
    <input type="text" class="form-control" id="dept_code" name="dept_code" placeholder="Department Code" /> 
    <span class="help-block"></span> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    <input type="submit" id="submit_btn" class="btn btn-primary" /> 
    </div> 
    </form> 
</div>

источник

2016-04-06 April G

проверки этот ответ http://stackoverflow.com/questions/32433765/how-to-pass- get-variables-from-a-link-to-a-bootstrapmodal, чтобы получить идентификатор из базы данных, передать его модальному и обновить запись против него. – Shehary

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#addModal" href="add_dept.php">+ Add Department</button>

удалить HREF = ""

<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
       <?php require_once('add_dept.php'); ?> 
     </div> 
    </div> 
</div>

добавить последний - закрыть DIV

источник

2016-04-06 13:15:19 bfahmi

Это сработало! Благодарю. Поскольку я не могу использовать href и target-target вместе с кнопкой. Как я буду пересылать идентификатор строки модальному, если я хочу обновить строку? Спасибо –

Добро пожаловать :) – bfahmi

data-target="#addModal" href="add_dept.php"

Ваша проблема здесь.

Вы не можете установить свою кнопку в качестве триггера модели и как ссылку на вашу страницу создания.

Вы можете вызвать модальный и после другого щелчка на модальном, перенаправить на страницу add_dept.php или просто перенаправить нажатие, без использования модального.

источник

2016-04-06 13:10:36

ADD using Bootstrap Модальная форма не работает

ответ

Смежные вопросы