Übertrage Checkbox-Werte von einem modalen Fenster an die HTML-Site, in die es eingebettet ist

Question

Ich möchte die ausgewählten Abfragen im modalen Fenster an das Formular in der HTML-Site gesendet werden, die dann ein Servlet für weitere Aufgaben aufruft. In meinem Fall habe ich alles versucht, um die Werte an das Formular zu senden, aber es wird nicht tun.

JavaScript für das modale Fenster und die Schaltflächen.

$(document).ready(function() { 
var currentform; //variable to save the form 
$("#dialog").dialog({ 
    bgiframe: true, 
    autoOpen: false, 
    height: 500, 
    width: 700, 
    modal: false, 
    buttons: { 
     Add: function() { 
     //tried those variantst, without any success. 
     //$("form[name='formular']").submit() 
     //alert("docum"); 
     currentform.submit(); 
      //document.forms["formular"].submit(); 
     $(this).dialog('close'); 
     //$('#formular').submit(); 
     }, 
     Cancel: function() { 
      $(this).dialog('close'); 
     } 
    } 
}); 
$(".openDialog").on("click", function() { 
    currentform = $(this).closest('form'); 
    $('#dialog').dialog('open'); 
    return false; 
}); 
}); 

Der Beginn der Form:

<form name="form" action="Servlet" method="post"> 

Die Taste, um das modale Fenster zu öffnen:

 <input class="openDialog" id="dialogModal" type="submit" value="Select queries to monitor"> 

Der Inhalt des modalen Fenster. Im Grunde eine Schleife, in der Abfragen für HTML mit Checkboxen formatiert sind.

 <div id="dialog" class="scrolldiv" title="Monitor Queries"> 
     <%=combo %> 
    </div> 

Ohne die modalen Fenster funktioniert die Schaltfläche zum Übergeben des Werts der geprüften Abfragen und der Abfragen + Kontrollkästchen.

Ich kann bei Bedarf weitere Informationen zur Verfügung stellen. danke.

Answer 1

repariert es.

Mit Hilfe von Firebug fand ich heraus, dass das jQueryUI Plugin das Layout des DOM Dokument wurde verändert:

in Eclipse war es wie:

<form id="myform" action="dothis"> 
<div id="dialog">...</div> 
</form> 

aber in Firebug konnte man sehen, dass die div war tatsächlich außerhalb des Form-Tags.

<form id="myform" action="dothis"></form> 
<div class="ui-widget"><div class="dialog"></div></div> 

Was ich tat:

<form id="myform" action="dothis">...</form> 
<div class="dialog"><form id="alsoMyForm" action="dothis">contentOfModalWindow</form></div>