Могу ли я легко передать все данные формы в новое всплывающее окно с помощью JavaScript?

Question

У меня есть форма, которую я хотел бы сделать доступной для печати в новом всплывающем окне.Для этого мне нужно будет передать все данные формы во всплывающее окно.Есть ли простой способ сделать это, например, передать саму форму?Любая помощь с благодарностью.

Answer 1

Если у вас есть серверная сторона - я выложу нужные вам данные на новую страницу если вы хотите оставить его на стороне клиента - я бы открыл новое окно с about: blank и вставил HTML, который вам нужен, используя javascript. exmaple:

var x = window.open("about:blank")
var newdiv = document.createElement('div');
newdiv.innerHTML = "the html you want to add";
x.document.body.appendChild(newdiv);

Answer 2

Насколько сложны настройки? Кроме того, вы хотите, чтобы всплывающее окно появлялось только после того, как пользователь отправил форму?

Одним из самых простых способов было бы всплывающее окно для прямого доступа к значениям формы родительского окна.

Другой, более динамичный способ - это отправить данные формы на сервер с AJAX, позволить серверу сохранить их в сеансе, открыть JS всплывающее окно и заполнить всплывающее окно данными из сеанса серверный язык.

Answer 3

<form ... target="_blank">

   ...

</form>