如何用jquery部分重置表单？

Question

我有一个形式分为几个divs。我使用jquery显示相关部分并隐藏该部分以显示下一个单击页面的下一个按钮时单击。

由于它是一个部分窗体，我只需要重置窗体的一部分。

用户选择一个类别，然后转到下一页，选择一个子类别并继续。下一页是申请表，但用户决定更改子类别，因此他返回页面并更改子类别。

在这种情况下，表单需要重置申请表部分，但所选类别必须保持不变。

该表格是分割信息不同部分的div和表的ID在jQuery事件中使用。但我无法为每个页面创建不同的表单。

Answer 1

所以，你不想重置这些部分使用服务器端逻辑？我对么？ 假设您能够检测到用户来自的页面，并且只需要重置相应的部分，以下是我的想法： -

定义函数以获取子部分（用于重置），如下所示： -

//These two functions return the ids of the divs which need to be ignored 
function getApplicationPart() 
{ 
    //Assuming there are multiple sections to be reset 
    var sections = ["Banana", "Orange", "Apple", "Mango"]; 
    return sections; 
} 

function getSubCategoryPart() 
{ 
    var sections = ["Potato", "Onion"]; 
    return sections; 
} 

，并定义一个函数，将做必要的重置

function resetSections(sectionsArray) 
{ 
    $.each(sectionsArray, function(index, value) { 
     //reset the values of all child input tags (inputs inside the section holding div) 
     $("#"+value).children("input").val(""); 
    }); 
    //define any other hiding thing you need to do here 
} 

现在，你只需要相应地决定哪些部分复位并调用resetSections（）函数。像这样： -

if((subcategoryPage)&&(comingfromApplicationPage)) 
{ 
    resetSections(getApplicationPart()); 
} 

希望这会有所帮助。