Insertar nuevos select en un form

chemon · #1 (**permalink**) 29/11/2004, 11:29

Existe alguna forma de insertar o de borrar campos select en un form pero sin tener q recargar la pagina? Es decir, q al pulsar en un boton se me añada un nuevo select al form y se pulso otro q desaparezca. Todo esto sin tener q volver a recargar toda la pagina

Gracias por la ayuda

JavierB · #2 (**permalink**) 29/11/2004, 11:57

Hola chemon

Prueba este código:

Código HTML:

<html>
<head>
<script>
function anadir(frm) { // añade un select al formulario
	elem=document.createElement('select');
  anadirOpt(elem,'Uno',1);
  anadirOpt(elem,'Dos',2);
  frm.appendChild(elem);
}
function anadirOpt(sel,txt,val) { //añade opciones a un select
	num=sel.options.length;
  selOpcion=new Option(txt,val);
  eval(sel.options[num]=selOpcion);
}
function borrar(frm) { //borra el último select añadido
	elem=frm.getElementsByTagName('select');
  sele=elem[elem.length-1];
  if(sele!='undefined') {
  	for(i in frm.childNodes)
    	if(frm.childNodes[i]==sele)
      frm.removeChild(frm.childNodes[i]);
  }
}
</script>
</head>
<body>
<form>
<input type="button" value="Añadir" onclick="anadir(this.form)" />
<input type="button" value="Borrar" onclick="borrar(this.form)" />
</form>
</body>
</html>

Saludos,

chemon · #3 (**permalink**) 30/11/2004, 04:40

gracias javierB.

JavierB · #4 (**permalink**) 30/11/2004, 13:47

De nada muchacho. Ha sido un placer