Отправьте значения флажков из модального окна на сайт HTML, в который он встроен - PullRequest
Новая
       23

Отправьте значения флажков из модального окна на сайт HTML, в который он встроен

0 голосов
/ 27 марта 2012

Я хочу, чтобы выбранные запросы в модальном окне были отправлены в форму на сайте 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;
});
});

Начало формы: 

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

Кнопка для открытия модального окна: 

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

Содержимое модального окна.В основном это цикл, в котором запросы форматируются для html с флажками. 

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

Без модальных окон работает кнопка для отправки значения проверенных запросов и флажков query +.

Я могу предоставить дополнительную информацию, если это необходимо.спасибо.

1 Ответ

0 голосов
/ 28 марта 2012

исправил это.

С помощью firebug я обнаружил, что плагин jqueryui изменял макет документа DOM:

В Eclipse это было похоже на: 

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

но в firebug вы могли видеть, что div на самом деле был вне тега формы. 

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

Что я сделал: 

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