Chọn một biểu mẫu trong iframe bằng cách sử dụng jQuery

Question

Tôi có một biểu mẫu bên trong khung nội tuyến nằm bên trong hộp thoại Giao diện người dùng jQuery. Biểu mẫu có chứa loại đầu vào tệp. Hộp thoại Giao diện người dùng jQuery chứa nút Tải lên. Khi nút này được nhấp, tôi muốn lập trình gọi phương thức gửi. Câu hỏi của tôi là làm thế nào tôi có thể chọn hình thức đó là trong một khung nội tuyến bằng cách sử dụng jQuery. Các mã sau đây nên làm rõ bức tranh:

<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 chứa:

<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> 

Hộp thoại jQueryUI mã 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'); 
     } 
    }, 
    .... 
}); 

Từ đoạn mã javascript ở trên, làm cách nào tôi có thể chọn biểu mẫu có id tải lên biểu mẫu có trong iframe có id là upload_file_iframe?

Answer 1

Truy cập phần tử bên trong khung nội tuyến là khó khăn. Bạn nên sử dụng cú pháp sau:

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

nơi 'iframeID' rõ ràng là ID mà bạn đã cung cấp cho khung nội tuyến.

Hy vọng điều đó là chính xác!

Answer 2

Tắt đầu của tôi, tôi muốn nói rằng bạn có thể phải thêm logic vào tệp nơi nguồn khung nội tuyến.

Answer 3

Câu trả lời là:

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

mà tôi học được từ http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/