打开页面进行编辑时,需要选择保存的地区和城市,例如,编辑时 $areas = 2160 ;$城市 = 117 ;
试图这样做:
.then(
()=>{
var area = 'a2160';
var elem = document.getElementById(area);
elem.setAttribute("selected", "selected");
}
)
выбирает область но города не появляются в списке городов
<script type="text/javascript">
//выаодить все области
let dataList = {};
fetch("https://api.hh.ru/areas/5").then(response => {
return response.json()
}).then(
json => {
dataList = json;
json.areas.forEach(area => {
var opt = document.createElement('option');
opt.value = area.id;
opt.setAttribute("id", "a" +area.id);
opt.innerHTML = area.name;
billing_area.appendChild(opt);
}
);
}
);
// подтягивает города выбранной области
billing_area.addEventListener('change', () => {
billing_city.innerHTML = '';
dataList.areas.filter(item => item.id == billing_area.options[billing_area.selectedIndex].value)[0].areas.forEach(
area => {
var opt = document.createElement('option');
opt.value = area.id;
opt.innerHTML = area.name;
billing_city.appendChild(opt);
}
)
});
</script>
<select name="area" id="billing_area" class="country_to_state city_select " autocomplete="city">
<option id="changearea"value="">Выбрать область</option>
</select>
<select name="city" id="billing_city" class="country_to_state city_select " autocomplete="city" required>
<option value="">Выбрать город</option>
</select>