Динамическое отображение контента на 2ой странице, в зависимости от выбора на 1ой
 

Есть две страницы. Мокап в аттаче - страница 1 и страница 2 имеют одинаковую структуру - два дропдауна (в первом выбирается категория, в зависимости, от значения, выбранного в первом дропдауне - во втором дропдауне отображаются саб категории). В зависимости от выбранной саб категории - изменяется контент страницы.

Разница между страницами - в контенте, все остальное - идентично.

На Странице 1 для каждого контента есть кнопка, назовем ее, например, "перейти на страницу 2". Далее, нужно чтобы на странице 2 - отобразился контент соответствующий выбраной категории и саб категории на первой странице.

Т.е. если мы зашли на первую страницу, выбрали категорию 3, саб категорию 4 >> отобразился контент для саб категории4 категории3. Жмем на кнопку "перейти на страницу 2" >> страница 2 открывается, значения в дропдаунах на странице 2 - категория 3 и саб категория 4, ну и соотвественно контент для саб кат 4, категории3.

Дата в дропдауны подтягивается из json файла, так же контент для страницы, тоже из json файла.

По отдельности страницы работают, нужна привязка - т.е. динамическое отображение контента на второй странице, в зависимости от того, что было выбрано на первой.

Единственный вариант, который приходит на ум - использовать куки, сохранять их в файл, а при переходе на вторую страницу - вытягивать значения из файла с куками для selected значений для дропдауна...

Может кто сталкивался и может подсказать красивое и простое решение? :help:

Заранее большое спасибо!:)

Использовать параметры?
"page2?param=xxx"/location.search

Спасибо за вариант! :)

Сорри, небольшое уточнение - куки сохраняются в json файл.

Вариант с сохранинием значений дропдаунов в куки (который, сохраняется, как json) и использованием значений из кук для дропдауна на другой странице - рабочий. Только код в 100 строк, может как-то проще можно сделать, борюсь за производительность, т.к. страницы просматриваются на планшете/ультрабуке с win8. :blink: