Как я могу частично сбросить форму с помощью jquery?

Question

У меня есть форма, разделенная на несколько divs. Я использую jquery для отображения связанной части и скрываю эту часть для отображения следующей, когда нажимается следующая кнопка на странице.

Поскольку это частичная форма, мне нужно сбросить только часть формы.

Пользователь выбирает категорию, затем переходит на следующую страницу, выбирает подкатегорию и продолжает. Следующая страница - это форма заявки, но пользователь решает изменить подкатегорию, поэтому он возвращается на страницу и меняет подкатегорию.

В этом случае форма должна сбрасывать часть формы заявки, но выбранная категория должна сохраняться без изменений.

Форма разделена на различные части с таблицами div и таблицами, чей идентификатор используется в событиях 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());
}

Надеюсь, это поможет.