Como crear un select con sus valores desde códigos![gráfica de visualizaciones gráfica de visualizaciones](/img/img.png?11.51)
JavaScript
Publicado el 24 de Octubre del 2018 por Xve (294 códigos)
1.199 visualizaciones desde el 24 de Octubre del 2018
Este simple código muestra como crear un <select> desde código.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="contenido"></div>
</body>
</html>
<script>
var select=document.createElement("select");
select.id="miSelect";
document.getElementById("contenido").append(select);
var valores=[
{valor:0 , pais:"Selecciona"},
{valor:32 , pais:"Argentina"},
{valor:152 , pais:"Chile"},
{valor:170 , pais:"Colombia"},
{valor:34 , pais:"España"},
{valor:484 , pais:"México"},
{valor:604 , pais:"Perú"}
];
for(var i in valores) {
var option=document.createElement("option");
option.value=valores[i].valor;
option.text=valores[i].pais;
// Si el pais es el 34, lo dejamos seleccionado
if(option.value==34)
{
option.selected=true;
}
select.appendChild(option);
}
</script>
Comentarios sobre la versión: 1 (2)