Ответы диалогового окна jQuery UI остаются, когда окно закрыто

Question

Я хочу использовать диалоговое окно jQuery UI для обработки части моей формы.

Я хочу, чтобы код работал примерно так.

<form id="MyForm" name="MyForm">
<input type="text" id="Input1" name="Input1">
<input type="text" id="Input2" name="Input2">

<div id="dialog">
<input type="text" id="Input3" name="Input3">
<input type="text" id="Input4" name="Input4">
</div>

<button type="button" onclick="$('#dialog').dialog('open');">Fill out 3 and 4</button>

</form>

Я объявлю превращение диалогового элемента div в диалоговый объект, используя скрипт вверху страницы.

1) Можно ли включить часть формы в диалоговое окно, подобное этому?

2) Можно ли сделать так, чтобы введенные пользователем значения для Input3 и Input4 не удалялись при закрытии диалогового окна?

Answer 1

Я попробовал ваш код в Firefox 3.5 и получил ответы:

1) Да. Я не проверял отправку, все будет в порядке, но я не думаю, что возникнет проблема. 2) Да, на самом деле это поведение по умолчанию

Answer 2

@ kgiannakakis правильно (и я проголосовал за это). Возможно, вы захотите использовать такой инструмент, как плагин для веб-разработчика FireFox , который позволит вам показать / скрыть различные части страницы.

В диалоге пользовательского интерфейса просто используется «display: none;» тег, чтобы скрыть div, который вы превращаете в диалог. Это никуда не денется.

Вы можете заполнить диалоговое окно, а затем удалить тег стиля, который устанавливает DIV скрытым, чтобы увидеть, что значения все еще присутствуют в полях ввода.