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

Imágen de perfil

Crear las opciones <option> de un <select> desde javascriptgráfica de visualizaciones


JavaScript

Publicado el 28 de Noviembre del 2016 por xve
3.067 visualizaciones desde el 28 de Noviembre del 2016. Una media de 49 por semana
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

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
3.068 visualizaciones desde el 28 de Noviembre del 2016. Una media de 49 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!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 (0)


No hay comentarios
 

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s3779