Estoy haciendo un formulario y ya tengo hecha la parte de que un botón me añada campos. Que son un combo-box y tres text. El problema viene con el botón de elminar, les pongo el código entero:
Código Javascript:
Ver original
<script> /*$(document).ready(function() { BotonEliminar=document.getElementById("Eliminar"); BotonEliminar.disabled=true; });*/ var pos=0; if (pos==0) { BotonEliminar=document.getElementById("Eliminar"); BotonEliminar.disabled=true; } else { BotonEliminar=document.getElementById("Eliminar"); BotonEliminar.disabled=true; } function anadir(obj,boton) { //uff pos++; form=document.getElementById("form"); //enable delete button BotonEliminar=document.getElementById("Eliminar"); BotonEliminar.disabled=false; //crear combo-box var nombre = "tipo_in"; var name = nombre + pos; elem=document.createElement('select'); elem.setAttribute("name",name); option=document.createElement('option'); option.value="0"; option.innerHTML="(Por favor, escoja:)"; elem.appendChild(option); // form.appendChild(elem); option=document.createElement('option'); option.value="1"; option.innerHTML="campo1"; elem.appendChild(option); option=document.createElement('option'); option.value="2"; option.innerHTML="campo2"; elem.appendChild(option); option=document.createElement('option'); option.value="3"; option.innerHTML="campo3"; elem.appendChild(option); option=document.createElement('option'); option.value="4"; option.innerHTML="campo4"; elem.appendChild(option); option=document.createElement('option'); option.value="5"; option.innerHTML="campo5"; elem.appendChild(option); obj.insertBefore(elem,boton); //crear text nombre var nombre = "nombre_in"; var name = nombre + pos; elem=document.createElement('input'); elem.setAttribute("type","text"); elem.setAttribute("size","30"); elem.setAttribute("maxlength","30"); elem.setAttribute("name",name); // form.appendChild(elem); obj.insertBefore(elem,boton); //crear text apellido1 var nombre = "apellido1_in"; var name = nombre + pos; elem=document.createElement('input'); elem.setAttribute("type","text"); elem.setAttribute("size","30"); elem.setAttribute("maxlength","30"); elem.setAttribute("name",name); // form.appendChild(elem); obj.insertBefore(elem,boton); //crear text apellido2 var nombre = "apellido2_in"; var name = nombre + pos; elem=document.createElement('input'); elem.setAttribute("type","text"); elem.setAttribute("size","30"); elem.setAttribute("maxlength","30"); elem.setAttribute("name",name); // form.appendChild(elem); obj.insertBefore(elem,boton); //crear salto de linea elem=document.createElement('br'); obj.insertBefore(elem,boton); } function eliminar() { form=document.getElementById("form"); var nombre = "tipo_in"; var name = nombre + pos; kill=document.getElementByName(name); form.removeChild(kill); var nombre = "nombre_in"; var name = nombre + pos; kill=document.getElementByName(name); form.removeChild(kill); var nombre = "apellido1_in"; var name = nombre + pos; kill=document.getElementByName(name); form.removeChild(kill); var nombre = "apellido2_in"; var name = nombre + pos; kill=document.getElementByName(name); form.removeChild(kill); pos--; } </script> </head> <body> <form action="llega.php" name="form" method="post"> <p>AÑADIDOS:</p> <input type="button" value="Añadir" onClick="anadir(this.form,this)"/> <input type="button" value="Eliminar" id="Eliminar" onClick="eliminar()"/> <input type="submit" value="Enviar" /> </form> <br />
Como puede verse tengo los campos creados según una variable consecutiva, porque luego necesito recuperar esa información para rellenar una base de datos.
Lo que no logro que funcione es que el botón eliminar este desactivado nada mas iniciar, o cuando el contador pos = 0. Y por supuesto tampoco logro que funcione en si mismo xDD
¿alguna idea?
Gracias.