宜搭能否在iframe打开的表单里自动填充某些数据
例如我现在有个表格，表格有详情列，点开详情就能查看这行数据的详情，以及跟这行数据所关联的其他数据，比方说这个表是客户公司表，然后点开详情后除了展示该客户公司的详情外，切换选项卡后还会有个表格专门展示该客户公司的联系人，而这个联系人表格有个添加新联系人的按钮，我想在点击该按钮后弹出一个弹窗，里面用iframe展示新增联系人的表单，然后我想让这个新增联系人表单里的客户编号、客户名啥的直接填好，点的是哪一列的详情就填哪一列的信息，请问能否实现
写回答
-
公众号：网络技术联盟站，InfoQ签约作者，阿里云社区签约作者，华为云 云享专家，BOSS直聘 创作王者，腾讯课堂创作领航员，博客+论坛：https://www.wljslmz.cn，工程师导航：https://www.wljslmz.com宜搭可以在 iframe 中自动填充数据。您可以通过以下两种方式实现：
-
使用 URL 参数传递数据：在 iframe 的 URL 中添加参数，例如
http://example.com/form.html?name=John&age=20，然后在表单页面中使用 JavaScript 获取 URL 参数，并将参数值填充到表单中。 -
使用 JavaScript 在 iframe 中填充数据：在表单页面中使用 JavaScript 获取 iframe 的 DOM 对象，然后在 DOM 对象中查找表单元素，并设置其值。例如：
// 获取 iframe 对象 var iframe = document.getElementById('my-iframe'); // 获取 iframe 中的表单元素 var nameInput = iframe.contentDocument.getElementById('name'); var ageInput = iframe.contentDocument.getElementById('age'); // 设置表单元素的值 nameInput.value = 'John'; ageInput.value = 20;
如果您需要在 iframe 中自动填充数据，必须确保 iframe 和表单页面在同一个域名下，否则会因为跨域访问限制而无法访问 iframe 的 DOM 对象。
2023-05-13 23:39:01赞同 展开评论 打赏 -
-
CSDN全栈领域优质创作者，万粉博主；InfoQ签约博主；华为云享专家；华为Iot专家；亚马逊人工智能自动驾驶（大众组）吉尼斯世界纪录获得者是的，您可以使用JavaScript和iframe来实现这个功能。
首先，您需要在客户公司表单中添加一个按钮或链接，用于打开联系人表格并显示新增联系人表单。然后，当用户点击该按钮或链接时，使用JavaScript打开一个新的窗口(即iframe),并在其中加载新增联系人表单。
接下来，您需要在新增联系人表单中添加一个表单提交按钮，并在提交表单时将数据发送到客户公司表单中与该行数据关联的数据。为此，您需要在新增联系人表单和客户公司表单中添加一个隐藏字段，用于存储与该行数据关联的数据。例如，可以在客户公司表单中添加一个名为"customer_data"的隐藏字段，而在新增联系人表单中添加一个名为"new_contact_data"的隐藏字段。
当用户提交新增联系人表单时，可以使用JavaScript获取隐藏字段中的数据，并将其更新到客户公司表单中与该行数据关联的数据中。例如，可以使用JavaScript获取"customer_data"隐藏字段中的客户编号和客户名，并将其设置为客户公司表单中与该行数据关联的数据。
最后，您需要确保iframe加载完成后才能访问其中的DOM元素。因此，可以使用JavaScript延迟加载iframe的内容，直到iframe完全加载完成为止。
2023-05-11 14:00:01赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
