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
});

私が得ていた問題は、そのスクリプト内から何かを警告したりログに記録したりしようとしても、何も起こらなかったことです。

(誰かが尋ねる前に、この子ページは私の同じドメイン内のページです)

どんな助けでも大歓迎です

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 に答える