在iframe中更改输入值,父输入更改

Question

我的网站中有一个包含iframe的页面,iframe内部有许多输入框.我想要做的是,当有人在iframe输入框中输入值时,该值将被写入父页面的输入框中.

我在这里找到了一些其他的答案,但我无法让它们满足我的需要,到目前为止,我有类似的东西

HTML - 代表父母

<form method="post" id="presentation-form" action=”action.php”>
  <input type="text" id="edit-title" name="title">
    <iframe id="upload_frame" src="upload.html" ></iframe>
  <input type="submit" id="edit-submit" name="op" value="Save">
</form>

HTML - 适合儿童

<form name="formUpload" id="formUpload" etc..> 
  <input id=”mytitle” type="text" size="50" name="title" value=""> 
  <input type="submit" name="submit" value="Upload File">
</form>

我想要的是当我在子窗体中更改'mytitle'的值时,它会在父窗体中找到'edit-title'

到目前为止,我的Jquery是

$('#upload_frame').contents().find("#formUpload").delegate('input', 'change', function(e){ 
  //code goes here
});

我遇到的问题是,即使我试图提醒,或从该脚本中记录某些内容,也没有发生任何事情,我没有收到任何javascript错误但是当我做任何事情时都没有收到任何警报

(在任何人问之前,这个子页面是我同一域中的一个页面)

任何帮助将不胜感激

Answer 1

对于未来的人来说,这是我最终使用的解决方案,它似乎工作正常

$('iframe').load(function(){
     $('iframe').contents().find('input#mytitle').bind('change',function(e) {
        title_name = $(this).val();
        $('input#edit-title').val(title_name);
     });
});