Como crear un select con sus valores desde códigos
JavaScript
Publicado el 24 de Octubre del 2018 por Xve (294 códigos)
1.270 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)