首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从.自动填充外部表格。另一种形式

从.自动填充外部表格。另一种形式
EN

Stack Overflow用户
提问于 2017-03-07 18:49:39
回答 1查看 584关注 0票数 0

我想请您注意我的问题,题目应该类似于这篇文章。

在一个WP网站上,我有两个专栏:

列n.1有一个CF7表单,它由来自CRM的url自动填充,并将数据注入GSheet。

列n.2有一个iframe用于使用外部日历工具预订约会,该工具应该从表单中选择数据(我无法编辑表单,只是iframe链接,例如:

该链接是否有可能从表单或crm url中“选择”数据?你认为这是可能的还是我是个傻瓜?

非常感谢你的帮助:)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-03-08 16:00:48

您应该研究如何使用JavaScripts postMessage()功能将数据传递到/从iFrames。

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

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

代码语言:javascript
复制
// 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页面上:

代码语言:javascript
复制
// 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);

如果在不同的领域上的表单,我认为这是唯一的方法来做到这一点。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42655997

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档