单击 iframe 外部的链接时填充 iframe 内的输入字段

Question

我已经尝试让它工作 2 周了，但我很难理解这可能很简单。我是 js 新手。

我在一个页面上有多个链接以及一个嵌入在 iframe 中的表单。相同的域，相同的页面，都使用 https。该表单来自表单脚本，并使用以下方法嵌入到页面中：

<div id="my_placeholder" 
data-formurl="https://www.example.com/forms/embed.php?id=7777" 
data-formheight="1268"  
data-paddingbottom="10">
</div>
<script src="https://www.example.com/forms/js/jquery.min.js"></script>
<script src="https://www.example.com/forms/js/jquery.postmessage.min.js"></script>
<script src="https://www.example.com/forms/js/form_loader.js"></script>

使用该代码，它会自动将表单放入 iframe。我要填写的表单中的输入字段 ID 是 #element_11

到目前为止，我的以下代码完全符合我的要求，但通用表单代码不在 iframe 中

<a href="#" onclick="reply_click(this)" data-filled-value="Text from clicking on link 1">Link1</a>
<br />
<a href="#" onclick="reply_click(this)" data-filled-value="Text from clicking on link 2">Link2</a>
<br />
<a href="#" onclick="reply_click(this)" data-filled-value="Text from clicking on link 3">Link3</a>

<form>

<input type="text" id="element_11" />

</form>

<script type="text/javascript">

function reply_click(element)
{
document.getElementById('element_11').value = element.getAttribute('data-filled-value');
}    

</script>

我怎样才能做到这一点？我进行了搜索和搜索，但我遇到的每个帖子都希望以 iframe 为目标并“提交”表单或“关闭”iframe 或“填写一个表单并将其转到 iframe 中的另一个表单”。

Answer 1

使用 .contents() 访问 iframe 的内容。

function reply_click(element)
{
    $("#iframeID").contents().find("#element_11").val(element.dataset.filledValue);
}

将iframeID替换为iframe的实际ID。