Foros del Web » Programando para Internet » Javascript »

Llenado Select con Javascript

Estas en el tema de Llenado Select con Javascript en el foro de Javascript en Foros del Web. No jala.... :( Código HTML: <script type= "text/javascript" > function grad() { var grado=new array(); var univer=new array(); grado[0] = new Option("Primera Grado","Primer Grado","defaultSelected","selected") grado[1] ...
  #1 (permalink)  
Antiguo 25/11/2016, 18:18
Avatar de fmb1982  
Fecha de Ingreso: junio-2007
Mensajes: 128
Antigüedad: 16 años, 10 meses
Puntos: 0
Exclamación Llenado Select con Javascript

No jala.... :(

Código HTML:
<script type="text/javascript">
function grad() {
var grado=new array();
var univer=new array();
grado[0] = new Option("Primera Grado","Primer Grado","defaultSelected","selected")
grado[1] = new Option("Segundo Grado","Segundo Grado","defaultSelected","selected")
grado[2] = new Option("Tercer Grado","Tercer Grado","defaultSelected","selected")
grado[3] = new Option("Cuarto Grado","Cuarto Grado","defaultSelected","selected")
grado[4] = new Option("Quinto Grado","Quinto Grado","defaultSelected","selected")
grado[5] = new Option("Sexto Grado","Sexto Grado","defaultSelected","selected")
univer[0] = new Option("Cursando","Cursando","defaultSelected","selected")
univer[1] = new Option("Egresado","Egresado","defaultSelected","selected")

if (document.getElementById("niv_usr").value=="Kinder")
{
	for (i=0;i<=2;i++)
	{
	document.getElementById("grad_usr").options = grado[i]; 
	}	
}

if (document.getElementById("niv_usr").value=="Primaria")
{
	for (i=0;i<=5;i++)
	{
	document.getElementById("grad_usr").options = grado[i] 
	}	
}

if (document.getElementById("niv_usr").value=="Secundaria")
{
	for (i=0;i<=2;i++)
	{
	document.getElementById("grad_usr").options = grado[i]; 
	}	
}

if (document.getElementById("niv_usr").value=="Bachillerato")
{
	for (i=0;i<=5;i++)
	{
	document.getElementById("grad_usr").options = grado[i]; 
	}	
}

if (document.getElementById("niv_usr").value=="Universidad")
{
	for (i=0;i<=1;i++)
	{
	document.getElementById("grad_usr").options = univer[i]; 
	}
}
}
</script> 
__________________
Fidel Medina Bravo
TodocabeN150charsabiendoloacomodar...
http://about.me/fidelMB
  #2 (permalink)  
Antiguo 25/11/2016, 18:56
alvaro_trewhela
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Llenado Select con Javascript

No se si estoy en lo correcto, pero entiendo que la forma correcta es con appendChild, hice una función que me corre bien, pero repito, no se si es la correcta:

Código Javascript:
Ver original
  1. function addOpt(sel, opt, val){
  2. var s = document.getElementById(sel);
  3. var o = document.createElement("option");
  4. var add = document.createTextNode(opt);
  5. o.appendChild(add);
  6. o.setAttribute("value", val);
  7. s.appendChild(o);
  8. }

El parámetro sel, es el id del select opt es el texto de la opción y val, el valor de la opción.

Lo más seguro es que te den la respuesta correcta y más formal, pero es eso lo que te puedo dejar yo.

  #3 (permalink)  
Antiguo 25/11/2016, 21:06
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Llenado Select con Javascript

Utiliza el método .add().

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: html+javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:34.