5

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

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

HTML - 为父母

<form method="post" id="presentation-form" action=”action.php”&gt;
  <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 错误，但是当我执行任何操作时没有收到任何警报

（在有人问之前，这个子页面是我同一个域中的一个页面）

任何帮助将不胜感激

4

1 回答 1

10

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

$('iframe').load(function(){
     $('iframe').contents().find('input#mytitle').bind('change',function(e) {
        title_name = $(this).val();
        $('input#edit-title').val(title_name);
     });
});
于 2013-04-10T16:42:40.083 回答