Заполните поле ввода внутри 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.Идентификатор поля ввода в форме, которую я хотел бы заполнить: # 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.