Skip to main content
1 de 2
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

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);
}
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257