Hola:
mi consulta es como puedo hacer que este formulario, se puedan eliminar los valores dinamicamente en el input hidden al hacer click en el boton eliminar, como en la tabla del siguiente codigo, me dijieron que por medio de array, pero nose..
a todo esto estoy usando la libreria prototype
de antemanos gracias
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<script language="javascript" type="text/javascript" src="prototype.js"></script>
<style type="text/css">
.tablediv {
width:100%;
background-color : #eee;
}
.celldiv {
float : left;
width : 25%;
background-color:#ccc;
}
.rowdiv {
float : left;
/*display: table-row;
width:100%;*/
width:100%;
}
</style>
<script type="text/javascript">
function table_elimina(fila){
var tabla = $('tabla_table');
valores=$F("test")+";"+$F("test2")+";"+$F("test3")+";"+$F("test4");
$("arreglo").value="";
tabla.deleteRow(fila.rowIndex);
}
function table_agrega_fila(p){
var tabla = $('tabla_table');
var nuevaFila = tabla.insertRow(-1);
valores=$F("test")+";"+$F("test2")+";"+$F("test3")+";"+$F("test4");
var txt=valores;
valores="";
var arreglo=$("arreglo").value;
arreglo = arreglo + txt + "-" ;
$("arreglo").value = arreglo;
for(var i=1; i<p; i++){
celda = nuevaFila.insertCell(-1);
celda.innerHTML=$F("test");
celda = nuevaFila.insertCell(-1);
celda.innerHTML =$F("test2");
celda = nuevaFila.insertCell(-1);
celda.innerHTML =$F("test3");
celda = nuevaFila.insertCell(-1);
celda.innerHTML =$F("test4");
}
celda = nuevaFila.insertCell(-1);
celda.innerHTML = '<input type="button" value="elimina fila" onclick="table_elimina(this.parentNode.parentNode);">';
}
function lalala(p){
table_agrega_fila(p)
}
function grabar(){
}
</script>
</head>
<body>
Tabla hecha con TABLE<br />
<input type="hidden" id="arreglo" name="arreglo" />
<input type="text" id="test" />
<input type="text" id="test2" />
<input type="text" id="test3" />
<input type="text" id="test4" />
<input type="button" value="agrega fila" onclick="lalala(2)">
<table id="tabla_table" class="tablediv">
<tr>
<td>columna</td>
<td>columna</td>
<td>columna</td>
<td>columna</td>
</tr>
</table>
<input type="button" value="grabar" onclick="grabar()">
</body>
</html>