2010-08-04 29 views
15

C'è un modo per inviare un modulo iframe da jQuery? Quello che ho è il seguente:jQuery iframe form submit

$('button#bookingButton').click(function(){ 
    $('<iframe id="externalSite" class="externalSite" src="/form/page" />').dialog({ 
     title:'Form', 
     autoOpen: true, 
     width: 800, 
     height: 600, 
     modal: false, 
     resizable: false, 
     buttons:{ 
      'Close':function(){$(this).dialog("close");}, 
      'Add Booking':function(){$('form#bookingForm').submit();} 
     } 
    }).width(800 - 25); 
}); 

Questo crea una finestra di dialogo UI jQuery che ha un iframe all'interno di esso. Funziona bene e il pulsante di invio normale funziona bene, tuttavia il pulsante jQuery non invia il modulo.

risposta

18

aggiungere questo dopo aver inserito l'IFRAME nel DOM:

$("#externalSite").contents().find('form').submit()