Выбор формы, которая находится в iframe с использованием jQuery

Question

У меня есть форма внутри iframe, которая находится внутри диалогового окна jQuery UI. Форма содержит тип ввода файла. Диалоговое окно JQuery UI содержит кнопку «Загрузить». Когда эта кнопка нажата, я хотел бы программным способом вызвать метод отправки. Мой вопрос в том, как я могу выбрать форму, которая находится в iframe с помощью jQuery. Следующий код должен прояснить картину:

<div id="upload_file_picker_dlg" title="Upload file">   
    <iframe id="upload_file_iframe" src="/frame_src_url" frameborder=0 width=100% scrolling=no></iframe> 
</div> 

frame_src_url содержит:

<form action="/UploadTaxTable" enctype="multipart/form-data" method="post" id="upload-form">    
<p>Select a file to be uploaded:</p> 
<p> 
    <input type="file" name="datafile" size="60"> 
</p> 

диалоговое окно jQueryUI Javascript код:

$('#upload_file_picker_dlg').dialog({ 
    ... 
    buttons: { 
     'Close': function() { 
      $(this).dialog('close'); 
     }, 
     'Upload': function() {    
      $('#upload-form').submit(); //question is related to this line 
      $(this).dialog('close'); 
     } 
    }, 
    .... 
}); 

Из яваскрипта фрагмента кода выше, как я могу выбрать форму с идентификатором upload-form, который находится в iframe с идентификатором upload_file_iframe?

Answer 1

Доступ к элементу внутри iframe является сложным. следует использовать следующий синтаксис:

$('#iframeID').contents().find('#upload-form').submit(); 

где «iframeID», очевидно, ID вы дали в IFRAME.

Надеюсь, это правильно!

Answer 2

Сверху моей головы Я бы сказал, что вам, возможно, придется добавить логику в файл, откуда исходит источник iframe.

Answer 3

Ответ:

$('#upload_file_iframe').contents().find('#upload-form').submit(); 

, который я узнал от http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/