jquery - 更改 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 - 适合 child

<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

对于 future 的人，这是我最终使用的解决方案，而且看起来效果很好

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