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

我已经试着让它工作了两个星期了，但是我被这个问题难住了，这可能很简单。我是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>

功能回复点击（元素）
{
document.getElementById（'element_11'）。value=element.getAttribute（'data-filled-value'）；
}    

我怎样才能做到这一点？我搜索了又搜索，但我遇到的每一篇帖子都想针对iframe并“提交”表单或“关闭”iframe或“填写一个表单并将其转到iframe中的另一个表单”。

使用

.contents（）

访问iframe的内容

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

用iframe的实际ID替换

iframeID

。

使用

.contents（）

访问iframe的内容

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

---

用iframe的实际ID替换

iframeID

。

iframe在HTML中的位置？iframe在HTML中的位置？@Barmar…非常感谢！它似乎按预期工作。我早就应该在这里发帖了，但当我想把事情弄清楚的时候，我太固执了。@Barmar…非常感谢你！它似乎按预期工作。我早就应该在这里发帖了，但我太固执了，一想到要把事情弄清楚。