Saber total de elementos creados
Publicado por Julian (12 intervenciones) el 29/05/2009 21:58:50
Tengo este script que genera capos de texto dinamicos, necesito saber el total elementos creados por el usuario para despues intentar pasar la variable a php y guardar los valores introducidos en los texbox. Este es el script que genera los campos, pruebenlo por favor para que vean como funciona y puedan ayudarme. M eimagino que se deben de contar el total de input que se crearon.
<script type="text/javascript">
<!--
num=0;
function crear(obj) {
num++;
fi = document.getElementById('fiel'); // 1
contenedor = document.createElement('div'); // 2
contenedor.id = 'div'+num; // 3
fi.appendChild(contenedor); // 4
lbl = document.createElement('label');
lbl.innerHTML = 'FOLIO: ';
contenedor.appendChild(lbl);
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'folio'+num; // 6
lbl.appendChild(ele);
contenedor.appendChild(ele); // 7
lbl = document.createElement('label');
lbl.innerHTML = 'ACCION: ';
contenedor.appendChild(lbl);
ele = document.createElement('input'); // 5
ele.type = 'tex'; // 6
ele.name = 'accion'+num; // 6
lbl.appendChild(ele);
contenedor.appendChild(ele); // 7
lbl = document.createElement('label');
lbl.innerHTML = 'RESPONSABLE ';
contenedor.appendChild(lbl);
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'responsable'+num; // 6
lbl.appendChild(ele);
contenedor.appendChild(ele); // 7
ele = document.createElement('input'); // 5
ele.type = 'button'; // 6
ele.value = 'Eliminar Acción'; // 8
ele.name = 'div'+num; // 8
ele.onclick = function () {borrar(this.name)} // 9
contenedor.appendChild(ele); // 7
}
function borrar(obj) {
fi = document.getElementById('fiel'); // 1
fi.removeChild(document.getElementById(obj)); // 10
}
-->
</script> </body></html>
<div id="fiel">
<input type="button" value="Generar Acción" onclick="crear(this)" />
</div>
<script type="text/javascript">
<!--
num=0;
function crear(obj) {
num++;
fi = document.getElementById('fiel'); // 1
contenedor = document.createElement('div'); // 2
contenedor.id = 'div'+num; // 3
fi.appendChild(contenedor); // 4
lbl = document.createElement('label');
lbl.innerHTML = 'FOLIO: ';
contenedor.appendChild(lbl);
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'folio'+num; // 6
lbl.appendChild(ele);
contenedor.appendChild(ele); // 7
lbl = document.createElement('label');
lbl.innerHTML = 'ACCION: ';
contenedor.appendChild(lbl);
ele = document.createElement('input'); // 5
ele.type = 'tex'; // 6
ele.name = 'accion'+num; // 6
lbl.appendChild(ele);
contenedor.appendChild(ele); // 7
lbl = document.createElement('label');
lbl.innerHTML = 'RESPONSABLE ';
contenedor.appendChild(lbl);
ele = document.createElement('input'); // 5
ele.type = 'text'; // 6
ele.name = 'responsable'+num; // 6
lbl.appendChild(ele);
contenedor.appendChild(ele); // 7
ele = document.createElement('input'); // 5
ele.type = 'button'; // 6
ele.value = 'Eliminar Acción'; // 8
ele.name = 'div'+num; // 8
ele.onclick = function () {borrar(this.name)} // 9
contenedor.appendChild(ele); // 7
}
function borrar(obj) {
fi = document.getElementById('fiel'); // 1
fi.removeChild(document.getElementById(obj)); // 10
}
-->
</script> </body></html>
<div id="fiel">
<input type="button" value="Generar Acción" onclick="crear(this)" />
</div>
Valora esta pregunta
0
