Здравствуйте. Нашел в интернете пример popup-окна. Хочу использовать его для добавления данных в MySQL. Но никак не помогу осилить, как передать значение нужной переменной в само popup-окно. Пересмотрел много вариантов и ответов на подобный вопрос, но так ничего и не получилось. Помогите решить проблему. Вот код окошка: HTML: <body> <div class="modal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-header"> /* В заголовок нужно передать переменную и добавить её в скрытый input */ <h2><?php echo "Нужная мне переменная"; ?></h2> <a href="#" class="btn-close closemodal" aria-hidden="true">×</a> </div> <div class="modal-body"> <p><input type="hidden" name="name1" value="<?php echo "Нужная мне переменная"; ?>" /></p> <p><input type="text" name="name2" placeholder="Поле 1" size="20" /></p> <p><input type="text" name="name3" placeholder="Поле 2" size="20" /></p> <p><TEXTAREA class="a" NAME="name4" COLS=45 ROWS=5 placeholder="Поле 3..."></TEXTAREA></p> </div> <div class="modal-footer"> <a href="#" class="btn">Отправить</a> <a href="#" class="btn closemodal">Закрыть</a> </div> </div> </div> Вот код, где надо передать значение переменной: PHP: ... // Здесь значение переменной $f['Cat'] необходимо передать в popup-окно echo "<td><a href='#?id=" . $f['Cat'] . "' class='btn-big openmodal'>Добавить</a></td>"; ... Код JavaScript: Код (Javascript): $('.openmodal').click(function (e) { e.preventDefault(); $('.modal').addClass('opened'); }); $('.closemodal').click(function (e) { e.preventDefault(); $('.modal').removeClass('opened'); });
PHP: // Здесь значение переменной $f['Cat'] необходимо передать в popup-окно echo "<td><a href='#' data-cat='" . $f['Cat'] . "' class='btn-big openmodal'>Добавить</a></td>"; Код (Javascript): $('.openmodal').click(function (e) { e.preventDefault(); var cat = $(this).data('cat'); $('.modal h2').html(cat); $('.modal input[name="name1"]').val(cat); $('.modal').addClass('opened'); });
@amberson, спасибо ) Правда, переменная так и не передаётся или я чего-то не так делаю. Ведь, как я понимаю, при нажатии на ссылку открывается окошко, а в нём уже должно отображаться значение переменной? Ссылка на сам js в конце кода блока popup.