Javascript 使用jQuery使用Iframe数据填充父窗口中的文本输入字段
我需要通过在iframe（同一域）中单击按钮来填充父页面上的文本输入字段。我一直在使用以下方法来完成相反的任务（iframe的父级），但我不确定如何逆转这个过程。任何帮助都将不胜感激 parent.html：Javascript 使用jQuery使用Iframe数据填充父窗口中的文本输入字段,javascript,jquery,iframe,parent,Javascript,Jquery,Iframe,Parent,我需要通过在iframe（同一域）中单击按钮来填充父页面上的文本输入字段。我一直在使用以下方法来完成相反的任务（iframe的父级），但我不确定如何逆转这个过程。任何帮助都将不胜感激 parent.html： <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(functi
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#submit').click(function(){
var iframe = document.getElementById('myiframe');
var doc = iframe.contentDocument || iframe.contentWindow.document;
var elem = document.getElementById('username');
doc.getElementsByName('user')[0].value = elem.value;
});
});
</script>
<body>
<input type="text" id="username">
<input type="submit" id="submit">
<iframe id="myiframe" frameborder="1" src="child.html"></iframe>
</body>
$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var iframe=document.getElementById（'myiframe'）；
var doc=iframe.contentDocument | | iframe.contentWindow.document；
var elem=document.getElementById（'username'）；
doc.getElementsByName（'user'）[0]。value=elem.value；
});
});
<body>
<input type="text" name="user" id="user">
</body>