Javascript 从JQuery对话框窗口中更新后，使HTML元素保持可见

假设我有一个表单，用户需要在其中选择一些字段

提交后，如果选择了字段，我想做一些错误检查，如果没有，我将提供一个对话框窗口，说明错误消息+从对话框窗口中选择/更新字段的可能性

我可以打开对话框窗口，包括包含字段选择的div，但在常规页面中，该div将消失

如何使此div在对话框窗口打开或关闭期间和之后保持可见

请参阅下面的代码片段或

$“提交”。单击函数{ 变量$dialog=$ .html“您忘了什么，请在下面更新” .对话{ 标题：“支票”， 按钮：{ OK：功能{ $this.dialogclose； } } }; $dialog.dialog'open'； $dialog.append$'.classSelector'； }; 要进行选择的常规页面 选择汽车： 车型 沃尔沃汽车 萨博 欧宝 奥迪

提交

---

我看到的第一件事是你的html错误。你没有关闭p tag ang，为什么要在p中放置select？如果您想从新行获得它，您可以将其放置在div中或使用br标记。第二，似乎您用按钮减去了选择列表的某个地方，并将其包含在验证弹出窗口中。勾选此项，如果是，尽量不要减去元素

---

希望这有助于在$dialog之后执行以下代码。dialog'open'：

$dialog.append$'.classSelector'.clone

使用.clone将允许您复制整个classSelector div，但原始div仍将在页面上。

试试这个

$selecter = $('.classSelector').clone();
$('#submit').click(function () {

    var $dialog = $('<div></div>')
        .html('You forgot something, update below')
        .dialog({
        title: 'check',
        buttons: {
            OK: function () {
                $(this).dialog("close");
            }
        }
    });

    $dialog.dialog('open');
    $selecter.appendTo($dialog);

});

请参见

包含该字段的div保持可见，但select元素的值未更新或存储，请参见