2012-03-27 8 views
0

モーダルウィンドウ内の選択されたクエリをHTMLサイトのフォームに送信し、その後、さらにタスク用にサーブレットを呼び出します。 私の場合は、フォームに値を送信するためにすべてを試みましたが、それはできません。チェックボックスの値をモーダルウィンドウから、埋め込まれているhtmlサイトに送信

モーダルウィンドウとボタンのJavaScript。

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

フォームの始まり:モーダルウィンドウの

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

内容:モーダルウィンドウを開くために

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

ボタン。基本的に、クエリがhtmlのためにチェックボックスでフォーマットされているループ。

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

モーダルウィンドウがないと、チェックされたクエリとクエリ+チェックボックスの値を送信するボタンが機能します。

必要に応じてさらに詳しい情報を提供することができます。ありがとう。

答えて

0

を固定しました。私はjqueryuiプラグインがDOM文書のレイアウトを変更していることが分かった放火犯の助けを借りて

のEclipseでは、それはのようだった:

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

が、放火犯にあなたはそれを見ることができましたdivは実際にフォームタグから外れていました。

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

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

関連する問題