Javascript 当jQuery UI对话框关闭(“取消”)时,如何保留HTML控件的旧值?

Javascript 当jQuery UI对话框关闭(“取消”)时,如何保留HTML控件的旧值?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有一个HTML格式的jQueryUI模态对话框。。。带有选择和输入复选框控件的窗体。对话框和控件的工作方式与预期相同,但控件保留其新状态,例如,即使我关闭对话框窗口或按下“取消”按钮,复选框仍处于选中状态 是否有任何机制可以使jQuery UI对话框在按下某个退出按钮(例如取消)时保留旧的控件状态,或者我是否有自己的JavaScript状态管理,我希望没有 以下是当前发生的情况的示例,不应: “输入”对话框。 复选框处于关闭状态。 将复选框从关闭更改为打开。 关闭对话框窗口。 再打开一次。 复

我有一个HTML格式的jQueryUI模态对话框。。。带有选择和输入复选框控件的窗体。对话框和控件的工作方式与预期相同,但控件保留其新状态,例如,即使我关闭对话框窗口或按下“取消”按钮,复选框仍处于选中状态

是否有任何机制可以使jQuery UI对话框在按下某个退出按钮(例如取消)时保留旧的控件状态,或者我是否有自己的JavaScript状态管理,我希望没有

以下是当前发生的情况的示例,不应:

“输入”对话框。 复选框处于关闭状态。 将复选框从关闭更改为打开。 关闭对话框窗口。 再打开一次。 复选框处于打开状态我希望它处于关闭状态,因为该对话框以前已被取消。 更新这里是我的HTML的相关部分,包括对克隆的调用


在这种情况下,我可能会在创建对话框之前克隆表单。然后,使用克隆的元素创建对话框。这样,控件就应该断开连接

$('form.myForm').clone().dialog();

请注意,它们不应该有ID,因为这样会在文档中产生重复的ID。

您可以使用本机元素的重置方法重置表单,如下所示:

$function{ var dialog=$form.dialog.dialog{ 自动打开:错误, 身高:200, 宽度:300, 莫代尔:是的, 按钮:[{ 文本:好的, 单击:函数{ $this.submit; $this.dialogclose; } }, { 文本:取消, 单击:函数{ $this.dialogclose.get0.reset;//重置表单 } }], 关闭:功能{ this.reset;//重置表单 } }; $dialog-button.onclick,函数{ $form.dialog.dialogopen; 返回false; }; }; 测验 选项
OpenSimular与@ScottHarris相似,但不等同。我的控件以前不是空的,但处于不同的状态。该HTML非常无效且不完整…+1将尝试。。。提示特别有用。我想你们以后不必做任何特别的事情来摆脱克隆对话框,对吧?好吧,若你们不想让一堆未使用的对话框阻塞DOM,你们可以在它们关闭时删除它们。我现在已经用克隆尝试过了,但这似乎并没有什么区别。我还将HTML的相关部分包含在更新的问题中。你能发现其他一些问题吗?+1非常好,绝对是正确的方法。能否请您详细解释一下$this.dialogclose.get0.reset与this.reset的关系,即此处应用的$this与this。报价有什么不对吗?所以请多说两句。@Drux嗨,我补充了为什么我在两个地方使用$this和$this。。。引号将抛出错误Uncaught SyntaxError:意外标记非法。。。这不是合法的js代币。。。有关更多信息,请参阅。那些非法引用一定是笨拙的复制粘贴效果。我的代码中没有收到此类错误。将尝试相应地编辑问题。
<form hidden method="post" action="" class="dialog" class="ui-dialog-titlebar ui-widget-header" title=“Test”>

        <select name="name">

            </option>
                <option value="value">
                Test
                </option>
$('form.myForm').clone().dialog();