私はこれを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を「閉じる」か、「1つのフォームに入力してiframe内の別のフォームに移動する」必要があります。
.contents()
iframeのコンテンツにアクセスするために使用します。
function reply_click(element)
{
$("#iframeID").contents().find("#element_11").val(element.dataset.filledValue);
}
iframeID
iframeの実際のIDに置き換えます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加