Desde tu función, tendrías crear los option
que resultasen de la lectura de las ciudades almacenadas y asignarlos al select
, alcazándolo por su id
.
Imaginemos que almacenas las ciudades como objetos, con dos propiedades, id
y name
, puedes poner algo así en tu función (VER DEMO):
let allCities = [];
if (localStorage.getItem("CITIES") !== null) {
allCities = JSON.parse(localStorage.getItem("cities"))
const fragment = new DocumentFragment();
const selCity = document.getElementById('city');
for (const city of allCities) {
const option = document.createElement('option');
option.value = city.id;
option.textContent = city.name;
fragment.append(option);
}
selCity.append(fragment);
}
Imaginemos que tus ciudades son un elemento simple, la función podría quedar así (VER DEMO):
let allCities = JSON.parse(localStorage.getItem("CITIES"));
if (allCities !== null) {
const fragment = new DocumentFragment();
const selCity = document.getElementById('city');
for (const city of allCities) {
const option = document.createElement('option');
option.value = city;
option.textContent = city;
fragment.append(option);
}
selCity.append(fragment);
}