Hola a todos
Tengo un gran problema .... pasa lo siguiente
tengo una tabla dinamica en html y ocurre que en un campo deseo ocupar esa famosa funcion de autocompletar, pero como es en varias filas de mismo nombre no puedo
miren ...
http://s2.subirimagenes.com/otros/previo/thump_957818dibujo.jpg
el codigo con sus script para agregar y eliminar filas
Código:
<script>
function agregaFila( id ) {
var tabla = document.getElementById( id );
var tbody = document.getElementById( tabla.id ).tBodies[0];
var row = tbody.rows[0].cloneNode( true );
var id = 1;
while( document.getElementById( tabla.id+'_fila_'+id ) ) {
id++;
}
row.id = tabla.id+'_fila_'+id;
row.style.display = '';
tbody.appendChild( row );
}
function borraFila( fila ) {
var id = fila.id;
if( fila.parentNode.rows.length <= 2 ) return;
document.getElementById( id ).parentNode.removeChild( document.getElementById(id) );
}
</script>
<table id="tabla_1" width="705" border="0" cellspacing="1">
<thead>
<tr>
<th width="210">Articulo<br /></th>
<th width="122">Clasificación</th>
<th width="144">Valor USD</th>
<th width="229">Descripción</th>
<th width="54"> </th>
</tr>
</thead>
<tr id="clonable" style="display:none" >
<td><input type="text" name="articulo[]" /></td>
<td><input type="text" name="clasificacion[]" size="20" /></td>
<td><input type="text" name="valor1[]" /></td>
<td><input type="text" name="dsc" size="40" /></td>
<td><a href="#" onClick="borraFila(this.parentNode.parentNode)">Borrar</a></td>
</tr>
<tr id="tabla_1_fila_1">
<td><input type="text" name="articulo" /></td>
<td><input type="text" name="clasificacion[]" size="20" /></td>
<td><input type="text" name="valor1[]" /></td>
<td><input type="text" name="dsc" size="40" /></td>
<td><a href="#" onClick="borraFila(this.parentNode.parentNode)">Borrar</a></td>
</tr>
<tfoot>
</tfoot>
<tr>
<td colspan="5"><a href="javascript:agregaFila( 'tabla_1' );">Agregar Artículo</a> </td>
</tr>