Jquery步骤“破坏”方法是删除用户提供的值。

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时，用户给出的值将丢失.

第4步期望值

<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中，以便在其他页面中使用。