从..另一个形式的iframe中自动填充外部形式

Question

我想对我的问题指出您的关注，主题应该与此帖子相似。

在WP网站上，我有两个列：

列N.1有一个CF7表格，由CRM的URL自动填充并将数据注入Gsheet。

N.2列有一个用于预订使用外部日历工具的约会的iframe，可以从表单中挑选数据（我无需编辑表单，而只是iframe链接，例如：

是否有可能从表单或CRM URL"挑选"数据的链接的可能性？您认为这是可能的还是我是个傻瓜？

非常感谢您的帮助：）

Answer 1

您应该考虑使用JavaScripts postMessage()功能将数据传递给/从IFRAMES传递。

https://developer.mozilla.org/en-us/docs/web/api/window/postmessage

在WordPress页面上使用类似的内容

// This will get the value of the input and send it to the iFrame on the fly
$('#form-id input:not([type=submit])').each(function()  {
    var val = $(this).val();
    $(window).postMessage(val);
});

然后在iframe页面上：

// Create browser compatible event handler.
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
// Listen for a message from the WP page
eventer(messageEvent, function(e) {
    if (e.data.length < 1) return;
    // jQuery
    $('#input-id').val(e.data);
    // Pure JS
    document.getElementById('input-id').setAttribute('value', e.data); 
}, false);

如果不同域中的表格i think 这是唯一这样做的方法。