2014-07-01 1 views
0

У меня работали пример для передачи данных из дочернего окна в родительском окно это пример: http://www.plus2net.com/javascript_tutorial/window-child3-demo.php но то, что я ищу, чтобы передать данные из сНа всплывающего окна, а не окно всплывающее окно в родительскую форму; любая идея?Отправка данных из всплывающего окна, чтобы сформировать родителю

ответ

0

Если всплывающее окно div является модальным окном некоторого описания, то есть это div, накладывающееся на текущую страницу, но внутри того же документа, то вы можете сделать это, прослушивая событие click на модальной кнопке, и когда вы увидите этот щелчок, принимая значение ввода внутри модального.

Предполагая, что настройка вашей страницы похожа на пример ссылки, которую вы опубликовали, если у вас есть вход с идентификатором input1 и модальный, содержащий вход с идентификатором id2, и кнопку с идентификатором кнопки, то это будет чистым javascript-методом для достижения эффекта, который вы описываете.

window.onload = function() { 
    document.getElementById('button').onclick = function(event) { 
     event.preventDefault(); 
     document.getElementById('input1').value = document.getElementById('input2').value; 
    } 
}; 

Вот скрипку, которая показывает функцию работы: http://jsfiddle.net/8Z7hg/

Главное, помнить о том, что вам нужен способ, чтобы запросить элемент, который содержит данные, которые вы хотите захватить (в данном случае я дал ввод идентификатора «input2», который я мог бы запросить с помощью document.getElementById('input2').value и способа прослушивания события, которое запускает захват данных. В этом примере я создал анонимную функцию, связанную с событием onclick элемента с id от button

+0

Спасибо keir Теперь, когда я нажимаю на submit p opup данные отображаются в форме ввода, но затем загрузка страницы и входное значение исчезают (извините за мой плохой английский: /) – CasaFlower

+0

извините, вам нужно предотвратить действие кнопки по умолчанию, передав событие в качестве аргумента в ваш анонимную функцию, затем используя метод dom preventDefault(); - Я отредактировал свой ответ, чтобы отразить это. –

+0

Удивительно, большое спасибо ^^ – CasaFlower

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