Заполнение и сохранение из input

Здравствуйте.
Не много завис в решении одной задачи помогите решить.

У меня есть три категории:

  1. Архитектура
  2. Растения
  3. Еда

В каждой категории выводятся изображения и под каждым изображением input поле. Переключение между категориями происходит про помощи ajax. Вопрос как мне сохранить введенные данные после переключения в другую категорию в ipnput полях под изображениями пред отправкой этих данных на сервер. Просто после перехода в другую категорию все данные теряются?

Ну или на сервер отправлять перед переключением и сохранять в сессию и т.д., или на клиенте куда-нибудь (просто в переменные если до перезагрузки страницы, либо в LocalStorage и т.п.)

А зачем? Почему просто сразу не вывести все и скрыть две?

У меня изображения просто лежат по папкам и в момент переключения через ajax меняется путь к папкам

Так а смысл? Тут же 3 категории, а не 100500. Просто все сразу вывести на страницу и скрывать/показывать.

Количество категорий может возрасти и сколько их будет не известно может и 100500

Если там кроме картинок ничего особо тяжелого нет, то можно просто не загружать картинки пока скрыты.
Например, loading="lazy".