javascript - Jquery步骤 "destroy"方法正在删除用户给出的值

Question

我有一个问卷调查表，它通过使用 JQuery 步骤插件按步骤进行分解。在表单提交的过程中，有一个点需要删除步骤。当我使用“销毁”JQuery 步骤方法时，表单中填写的值会丢失。

例如:

<form>
<h3>Form A</h3>
<section>
    What is your name?<br/>
    <input type="text" value="" name="yourname" />
    What is your age group? <br/>
    <input type="radio" name="agegroup" value="1" />1-20
    <input type="radio" name="agegroup" value="2" />20-40
    <input type="radio" name="agegroup" value="3" />40-60
    <input type="radio" name="agegroup" value="4" />60+
   ......
   ......
<section>
</form>

我正在使用以下步骤:

1. 将表单转换为 Jquery 步骤
2. 在简单模式对话框中打开此表单。
3. 用户填写此表单并关闭模式对话框。
4. 我在关闭对话框后使用“销毁”jQuery 步骤方法。
5. 当用户再次重新打开简单模式对话框时，我将此表单转换为 JQuery 步骤。此时，用户会看到表单中所有填写的值都丢失了。

问题出在第四步。用户已在第三步填写表格。当我转换回原始 HTML 时，用户给出的值会丢失。

第四步的预期值

<h3>Form A</h3>
<section>
    What is your name?<br/>
    <input type="text" value="Ishwar Lal" name="yourname" />
    What is your age group? <br/>
    <input type="radio" name="agegroup" value="1" />1-20
    <input type="radio" name="agegroup" value="2" selected='selected' />20-40
    <input type="radio" name="agegroup" value="3" />40-60
    <input type="radio" name="agegroup" value="4" />60+
   ......
   ......
<section>

但输出是:

<h3>Form A</h3>
<section>
    What is your name?<br/>
    <input type="text" value="" name="yourname" />
    What is your age group? <br/>
    <input type="radio" name="agegroup" value="1" />1-20
    <input type="radio" name="agegroup" value="2" />20-40
    <input type="radio" name="agegroup" value="3" />40-60
    <input type="radio" name="agegroup" value="4" />60+
   ......
   ......
<section>

我需要从填充值中删除 JQuery 步骤。我已阅读 JQuery 文档，但没有找到任何关于此的想法。

Answer 1

我认为在销毁组件之前必须存储数据。当你销毁一个组件时，它就被销毁了，别无他法。如果您存储数据，则销毁对象，然后使用您存储的数据初始化对象。您可以存储在数组/对象/变量中，也可以存储在sessionStorage/localStorage中以供其他页面使用。