Wenas a todos, tengo una consulta sobre lo siguiente:
Tengo la sgte. función que me repite el número de campos del número de serie (serie de partes y piezas de PC, obviamente cada elemento tiene su Nº de serie) dependiendo del número de elementos que se desea sacar de un inventario (accionado por el onBlur del campo cant en el bloque HTML).
------- Bloque HTML -----------
<TABLE>
<TR>
<TD><INPUT NAME="cant" TYPE="text" onBlur="AddSerial(this.value);">
</TD>
</TR>
<TR>
<TD>
<DIV ID="Series0"></DIV>
</TD>
</TR>
Aquí deseo mi <TR> repetido, junto con el campo serials[] dentro.
</TABLE>
---- Función JavaScript a continuación del <TR> estático anterior --------
function AddSerial(cant) {
for (i=0; i < cant; i++) {
document.getElementById("Series"+i).innerHTML = '<INPUT NAME="serials[]" TYPE="text"><DIV ID="Series'+(i+1)+'"></DIV> ';
}
}
La funcion en si funciona bien al momento de querer repetir el campo, pero deseo que lo haga repitiendolo dentro de una etiqueta <TR> para mantener el formato de la tabla contenedora, pero cuando lo hago no lo realiza, tampoco me aparece ningún tipo de error Javascript.
En teoria, para que el script agregue el campo citado en la funcion (el serials[]), debo situar la etiqueta <DIV> del bloque HTML (destacado en rojo) en el lugar que quiero que aparezca el campo repetido; al mismo tiempo debo cambiar la misma que aparece en la función (azul en la misma) para seguir el orden de agregamiento según el bloque HTML. En el mismo bloque HTML señalado, si agrego este <DIV> dentro de unas <TD></TD> no hay ningún problema, pero si lo hago fuera de estas o al final de otra <TR> no funciona (añadiendole al campo de la funcion las correspondientes <TR><TD>campo_de_la_funcion </TD></TR>).
Resumiendo, según la ubicación de <DIV> en el HTML es dónde aparecerá el campo repetido de la función; por ende, la función debe seguir ese órden.
Espero no sea muy complicada mi explicación, si no se comprende trataré de mejorarla.
Gracias
