$(document).ready(function() {
$('.fcats').on('click', '.category--start', function() {
$('.item__sublist-toggle').toggleClass('is--active');
$(this).toggleClass('is--active').siblings('.sub_category_catalog').slideToggle(0);
});
});selectedCountry = localStorage.getItem('myCountry');
selectedCity = localStorage.getItem('myCity');
if (selectedCountry) {
// установить выбранным страну
if (selectedCity) {
// установить выбранным ещё и город
}
}
cityEl.addEventListener('change', (e) => {
localStorage.setItem('myCountry', selectedCountry);
localStorage.setItem('myCity', selectedCity);
});
let data = [
{id: '1', label: 'ru', country: 'Россия', cities: [
{id: '1-1', city: 'Москва'},
{id: '1-2', city: 'Санк-Петербург'},
{id: '1-3', city: 'Сочи'},
{id: '1-4', city: 'Анапа'}
]},
{id: '2', label: 'by', country: 'Беларусь', cities: [
{id: '2-1', city: 'Минск'},
{id: '2-2', city: 'Гомель'},
{id: '2-3', city: 'Витебск'}
]},
{id: '3', label: 'uk', country: 'Украина', cities: [
{id: '3-1', city: 'Киев'},
{id: '3-2', city: 'Львов'},
{id: '3-3', city: 'Одеса'}
]}
];
data.forEach(function(entry) {
console.log(entry);
});
const
countryEl = document.querySelector('#country'),
cityEl = document.querySelector('#city');
countryEl.innerHTML = data.map(n => `<option class="count" value="${n.id}">${n.country}</option>`).join('');
countryEl.addEventListener('change', function() {
cityEl.innerHTML = data
.find(n => n.id === this.value)
.cities
.map(n => `<option class="city" value="${n.id}">${n.city}</option>`)
.join('');
});
countryEl.dispatchEvent(new Event('change'));let data = [
{id: '1', label: 'ru', country: 'Россия', citys: [
{id: '1-1', city: 'Москва'},
{id: '1-2', city: 'Санк-Петербург'},
{id: '1-3', city: 'Сочи'},
{id: '1-4', city: 'Анапа'}
]},
{id: '2', label: 'by', country: 'Беларусь', citys: [
{id: '2-1', city: 'Минск'},
{id: '2-2', city: 'Гомель'},
{id: '2-3', city: 'Витебск'}
]},
{id: '3', label: 'uk', country: 'Украина', citys: [
{id: '3-1', city: 'Киев'},
{id: '3-2', city: 'Львов'},
{id: '3-3', city: 'Одеса'}
]}
];