Crea un nuevo
<select> de esta forma y asígnale una función para cuando cambie su valor (cuando se elija una opción):
Código Javascript
:
Ver originalvar select = document.createElement("select");
select.onchange = function(){
//Muestro el valor seleccionado del <select> en la capa 2
document.querySelector("#id de la capa 2").innerHTML = this.value;
};
Luego, como recibes un array, recórrelo con un bucle y, en cada iteración, crea una opción:
Código Javascript
:
Ver originalvar option = document.createElement("option");
Añádele el nombre del país como texto, la población como valor y la adhiérela al
<select>:
Código Javascript
:
Ver originaloption.text = nombre del país;
option.value = la población;
select.appendChild(option);
Al finalizar el bucle, adhiere ese nuevo
<select> a la capa 1:
Código Javascript
:
Ver originaldocument.querySelector("#id de la capa 1").appendChild(select);
Eso es todo. Cuando elijas una opción, su valor se mostrará en la capa 2.
Saludos