jQuery, формы, обновления браузера

Question

У меня большая форма со значениями некоторых полей, зависящими от предыдущих элементов. Я использую событие jtery .trigger для запуска функций обновления зависимого поля. Когда я обновляю страницу (нажмите «Перезагрузить» или «Назад»), предыдущие выбранные значения все еще остаются, но зависимые поля не отражают значения других элементов. Как я могу активировать функции обновления при обновлении? Я нашел способ запретить браузеру использовать кэшированные значения формы. Я бы лучше использовал кэшированные значения и обновлял элементы, зависящие от элементов, с помощью кэшированных значений.

Редактировать: Для иллюстрации формы:

<form>
    <input id="element1" />
    <input id="element2_dependent_on_element1" />
</form>

element1 остается корректным, но событие element2_dependent_on_element1 .change не инициируется.

Answer 1

Вы можете либо вызвать form.reset() (функция DOM, а не jQuery), либо вызвать обработчики событий, которые вы связываете, сразу после их подключения, например:

$(function() {
  $("input").change(function() {
    //do something....
  }).change(); //trigger the handler once on load
});

Answer 2

Почему бы вам не выполнить .trigger для всех полных вводов в конце документа .ready? Это должно запустить их все, когда страница перезагрузится.