單擊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。