Как запомнить выбор Select после перехода по страницам?

Question

[Rogg]

<select name="choose-city-select" class="city-selector">
                <option data-name="[phone]" value="1">Ярославль</option>
                <option data-name="8-902-333-04-10" value="2">Кострома</option>
                <option data-name="8-902-333-04-10" value="3">Иваново</option>
                <option data-name="8-902-333-04-10" value="4">Владимир</option>
                <option data-name="8-902-333-04-10" value="5">Вологда</option>
            </select>
<a class="change-phone-area" href="tel:[phone]">[phone]</a>

$(".city-selector").change(function (){
        let val = $(this).val();
        let datalist = $(this).parent();
        let selected = datalist.find('[value="' + val + '"]');
        if(selected.length > 0) {
            $('.change-phone-area').text(selected.data('name'))
            $('.change-phone-area').attr("href", "tel:"+selected.data('name'))
        }
    })

Есть select и при выборе option из data-name подтягивается телефон в change-phone-area, но после перехода по страницам выбранный select переходит на первый option. Как сделать сохранение выбора на все страницах. Сайт на WP
можно применять PHP или JS.

Comments

[N]

можно применять PHP или JS.

Спасибо КЭП! :)

[N]

По теме...записывай выбор в сессию (PHP)...либо в localStorage (JS)...от дальнейших задач зависит...

[Дмитрий]

Сессии

[Rogg]

Дмитрий, Подскажите как сделать через сессии не шарю в php

[Дмитрий]

Rogg, https://www.php.net/manual/ru/book.session.php

Answer 1

[Сергей]

Твой селект скорей всего находится в форме так? Значит вместе с формой и отправляй на сервер, а при повторном выводе страницы у соответствующего option ставь атрибут selected.
Можно как вариант использовать куки или localstorage. Как в с ними работать в js ищи инфу сам, там ничего сложного.