заполнить поле ввода iframe от нажатия на родительский

Question

У меня есть iframe, содержащий форму.На родительской странице у меня есть интерактивный div, который заполняет данные по щелчкам мыши (карта). Есть ли способ, где я могу заполнить поле ввода, которое является частью iframe, нажав что-то на родительской странице?

Answer 1

Вы можете общаться между вашей страницей и содержимым iFrame с помощью сообщений.

// frame.html:
window.onmessage = function(event) {
    // handle message and fill input field
    var text = event.data;
};

// page:
// <iframe id="myframe" src="framed.htm"></iframe>

document.getElementById('myframe').contentWindow.postMessage('textToFill','*');