ayuda con formulario javascript
Publicado por Marifer (2 intervenciones) el 02/08/2011 21:11:23
Hola, tengo el siguiente codigo el cual me inserta un grupo de campos en mi pag. HTML cada vez que se presiona el boton agregar+, el cual hice en javascript ya que no puedo recargar la página. Pero ahora no sé como hacer para que una vez llenos los campos, pasarlos a variables en PHP.
Espero haberme explicado
function crear(obj) {
num++;
fi = document.getElementById('fiel');
contenedor = document.createElement('div');
contenedor.id = 'div'+num;
fi.appendChild(contenedor);
ele = document.createElement("input");
ele.id = "codigo";
ele.style.top = "10px";
ele.style.left = "600px";
ele.style.display = "inline";
ele.style.width="100px";
contenedor.appendChild(ele);
espacio = document.createTextNode("\u00a0");
contenedor.appendChild(espacio);
ele = document.createElement("input");
ele.id = "serial_zem";
ele.style.top = "10px";
ele.style.left = "600px";
ele.style.display = "inline";
ele.style.width="180px";
contenedor.appendChild(ele);
espacio = document.createTextNode("\u00a0");
contenedor.appendChild(espacio);
ele = document.createElement("input");
ele.id = "marca";
ele.style.top = "10px";
ele.style.left = "600px";
ele.style.display = "inline";
ele.style.width="180px";
contenedor.appendChild(ele);
espacio = document.createTextNode("\u00a0");
contenedor.appendChild(espacio);
ele = document.createElement("input");
ele.id = "modelo";
ele.style.top = "10px";
ele.style.left = "600px";
ele.style.display = "inline";
ele.style.width="180px";
contenedor.appendChild(ele);
espacio = document.createTextNode("\u00a0");
contenedor.appendChild(espacio);
ele = document.createElement("textarea");
ele.id = "descripcion";
ele.style.top = "10px";
ele.style.left = "600px";
ele.rows = "1";
ele.cols = "45";
ele.style.display = "inline";
contenedor.appendChild(ele);
contenedor.appendChild(espacio);
//este es el boton para borrar
ele = document.createElement('input');
ele.style.backgroundImage="url('imagenes/eliminar.jpg')";
ele.type = 'button';
ele.name = 'div'+num;
ele.onclick = function () {borrar(this.name)}
contenedor.appendChild(ele);
}
function borrar(obj)
{
fi = document.getElementById('fiel');
fi.removeChild(document.getElementById(obj));
}
Espero haberme explicado
function crear(obj) {
num++;
fi = document.getElementById('fiel');
contenedor = document.createElement('div');
contenedor.id = 'div'+num;
fi.appendChild(contenedor);
ele = document.createElement("input");
ele.id = "codigo";
ele.style.top = "10px";
ele.style.left = "600px";
ele.style.display = "inline";
ele.style.width="100px";
contenedor.appendChild(ele);
espacio = document.createTextNode("\u00a0");
contenedor.appendChild(espacio);
ele = document.createElement("input");
ele.id = "serial_zem";
ele.style.top = "10px";
ele.style.left = "600px";
ele.style.display = "inline";
ele.style.width="180px";
contenedor.appendChild(ele);
espacio = document.createTextNode("\u00a0");
contenedor.appendChild(espacio);
ele = document.createElement("input");
ele.id = "marca";
ele.style.top = "10px";
ele.style.left = "600px";
ele.style.display = "inline";
ele.style.width="180px";
contenedor.appendChild(ele);
espacio = document.createTextNode("\u00a0");
contenedor.appendChild(espacio);
ele = document.createElement("input");
ele.id = "modelo";
ele.style.top = "10px";
ele.style.left = "600px";
ele.style.display = "inline";
ele.style.width="180px";
contenedor.appendChild(ele);
espacio = document.createTextNode("\u00a0");
contenedor.appendChild(espacio);
ele = document.createElement("textarea");
ele.id = "descripcion";
ele.style.top = "10px";
ele.style.left = "600px";
ele.rows = "1";
ele.cols = "45";
ele.style.display = "inline";
contenedor.appendChild(ele);
contenedor.appendChild(espacio);
//este es el boton para borrar
ele = document.createElement('input');
ele.style.backgroundImage="url('imagenes/eliminar.jpg')";
ele.type = 'button';
ele.name = 'div'+num;
ele.onclick = function () {borrar(this.name)}
contenedor.appendChild(ele);
}
function borrar(obj)
{
fi = document.getElementById('fiel');
fi.removeChild(document.getElementById(obj));
}
Valora esta pregunta


0