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。

单击iframe外部的链接时，请在iframe中填充输入字段

1 个答案: