Código de JavaScript - Crear las opciones <option> de un <select> desde javascript

Pos: 2

Val: 3.162

Ha mantenido su posición en JavaScript (en relación al último mes)

Crear las opciones <option> de un <select> desde javascript

JavaScript

(2)

Publicado el 28 de Noviembre del 2016 por Xve (294 códigos)

21.938 visualizaciones desde el 28 de Noviembre del 2016

Simple ejemplo que muestra desde código como crear las opciones de un <select> desde JavaScript.

Se muestra como crear <option>, marcarlo por defecto y dejarlo desactivado

Versión 1.0
(2)

Actualizado el 17 de Diciembre del 2016 (Publicado el 28 de Noviembre del 2016)

gráfica de visualizaciones de la versión: Versión 1.0

21.939 visualizaciones desde el 28 de Noviembre del 2016

<!DOCTYPE HTML>

<html>

<head>

	<meta charset="utf-8">

</head>

<body>

	<select id="miSelect">

	</select>

</body>

</html>

<script>

var miSelect=document.getElementById("miSelect");

// Creamos un objeto option

var miOption=document.createElement("option");

// Añadimos las propiedades value y label

miOption.setAttribute("value","1");

miOption.setAttribute("label","casa");

// Añadimos el option al select

miSelect.appendChild(miOption);

var miOption2=document.createElement("option");

miOption2.setAttribute("value","2");

miOption2.setAttribute("label","avion");

// Dejamos seleccionado este valor por defecto

miOption2.setAttribute("selected","true");

miSelect.appendChild(miOption2);

var miOption3=document.createElement("option");

miOption3.setAttribute("value","3");

miOption3.setAttribute("label","moto");

// Dejamos este valor desactivado

miOption3.setAttribute("disabled","true");

miSelect.appendChild(miOption3);

</script>

Comentarios sobre la versión: Versión 1.0 (2)

CARLOS

30 de Mayo del 2021

Genial Xve!
Después de 4 años y medio, tu publicación me fue muy útil.
Muchas gracias

Responder

Omar

24 de Febrero del 2022

Y a mi despues de 5! gracias

Responder

Comentar la versión: Versión 1.0


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s3779

Efecto Background Color Fade

Pantalla Completa - Fullscreen - JScript

Código de JavaScript - Crear las opciones <option> de un <select> desde javascript

Versión 1.0(2)

Comentarios sobre la versión: Versión 1.0 (2)

Comentar la versión: Versión 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Versión 1.0
(2)