Запустить
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Модальные окна</title> <!-- Bootstrap --> <link href="/examples/vendors/bootstrap-4.1/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="text-center"> <!-- Кнопка, открывающая модальное окно --> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#feedbackFormModal" data-title="Название заголовка 1"> Открыть форму 1 </button> <!-- Кнопка, открывающая модальное окно --> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#feedbackFormModal2" data-title="Название заголовка 2"> Открыть форму 2 </button> </div> <!-- Форма обратной связи в модальном окне --> <div class="modal" id="feedbackFormModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="myModalLabel">Форма обратной связи</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> Текст модального окна 1... </div> </div> </div> </div> <div class="modal" id="feedbackFormModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="myModalLabel">Форма обратной связи</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> Текст модального окна 2... </div> </div> </div> </div> <!-- jQuery --> <script src="/examples/vendors/jquery/jquery-3.3.1.min.js"></script> <!-- Bootstrap --> <script src="/examples/vendors/bootstrap-4.1/js/bootstrap.bundle.min.js"></script> <script> $('[data-toggle="modal"]').click(function (e) { e.preventDefault(); var idSelector = $(this).attr('data-target'); var title = $(this).attr('data-title'); $(idSelector).find('.modal-title').text(title); }); </script> </body> </html>