Есть функция которая через Яндекс определяет город и задает эту дефолтную настройку городом пользователя
jQuery(document).ready(function () {
ymaps.ready(function () {
var geolocation = ymaps.geolocation;
var city = geolocation.city;
localStorage.setItem('gorod', city);
});
});
Только есть проблема. Если брать город с яндекса, то он ее прописывает но в поле не отображает. Она отобразится когда произойдет перезагрузка страницы.
Без функции яндекса, настройка задается и сразу отображается
Так же есть функция чтобы можно было самому задать город.
После выбора, значение записывается и страница перезагружается .Но только в компьютерной версии. в Мобильной после выбора - тишина.
<div class="block-city">
<div class="text-city">Сменить город на:</div>
<form id="feedbackForm2" class="form">
<select id="fruit">
<option value="Минск">Минск</option>
<option value="Могилев">Могилев</option>
<option value="Гродно">Гродно</option>
<option value="Витебск">Витебск</option>
<option value="Гомель">Гомель</option>
<option value="Брест">Брест</option>
</select>
</form>
</div>
<script>
document.getElementById("fruit").onchange = function() {
localStorage.setItem('gorod', document.getElementById("fruit").value);
location.reload();
}
if (localStorage.getItem('gorod')) {
document.getElementById("fruit").value = localStorage.getItem('gorod');
}
</script>