Как установить форму для выбора в зависимости от выбора предыдущей формы?

Question

Возможно ли установить выбранную опцию формы с помощью предыдущей выбранной опции в другой форме?

Выбранный вариант такой, здесь выбрано 60x60.

<select id="pa_afmetingen-vierkant" name="attribute_pa_afmetingen-vierkant"> 
    <option value="">Kies een optie…</option> 
    <option value="m001">40x40</option> 
    <option value="m002">50x50</option> 
    <option selected="selected" value="m003">60x60</option> 
    <option value="m004">70x70</option> 
    <option value="m005">80x80</option> 
    <option value="m006">100x100</option> 
    <option value="m007">125x125</option> 
    <option value="m008">150X150</option> 
</select> 

Эта форма получает отправить на новую страницу, на этой новой странице есть точная копия этой формы, я хочу это дубликат формы, чтобы иметь один и тот же вариант, выбранный в качестве была выбрана на предыдущей странице.

Моей лучшей ставкой было бы сохранить опцию в переменной, а с помощью javascript выбрать параметр, соответствующий сохраненной переменной.

Форма подается через POST

Я не знаю, какую переменную использовать, ни как целевой параметр. Решения, требующие JQuery, не являются проблемой.

С уважением,

Answer 1

Существует несколько способов его реализации.

Одним из решений может быть то, что вы получаете выбранную опцию в JS и передаете ее по URL-адресу, например http://www.myurl.com?selectedOption=3. Затем на другой странице вы можете получить выбранное значение и вызвать выбор в своем меню, чтобы выбрать это значение.

Получить выбранные значения опциона

var selectedOption = $('#pa_afmetingen-vierkant option:selected').attr('value'); 

Retrieve значения данной функции от URL

Refere Here

Установить выбранную опцию в новом меню выбора

$('#pa_afmetingen-vierkant-NEW option[value='+ selectedOption +']').prop('selected', true); 

Другим решением может быть то, что вы храните временную выбраннуюOption в localStorage, а затем удаляете ее оттуда.