Estoy trabajando en una tabla generada dinámicamente desde un xml, y lo que quiero es que al hacer click en un registro me complete los campos de un formulario para poder modificarlos. hasta aca todo bien, salvo que el id de la posicion en el xml no coincide con el id del registro, entonces si paso como parámetro este ultimo id, me muestra otro. Me explico?
asi lleno la tabla:
Código HTML:
for (i = 1; i < xml.getElementsByTagName('lab').length; i++) { var item = xml.getElementsByTagName('lab')[i]; var id = item.getElementsByTagName('id')[0].firstChild.data; var nombre = item.getElementsByTagName('nombre')[0].firstChild.data; var ubicacion = item.getElementsByTagName('ubicacion')[0].firstChild.data; var responsable = item.getElementsByTagName('responsable')[0].firstChild.data; tabla = tabla + '<td><div onclick="cargarCamposLab('+ id + ')">' + id + '</div></td>'; tabla = tabla + '<td>' + nombre + '</td>'; tabla = tabla + '<td>' + ubicacion + '</td>'; tabla = tabla + '<td>' + responsable + '</td>'; tabla=tabla + '</tr>' } tabla= tabla + '</table>'; document.getElementById("lista").innerHTML=tabla;
asi cargo los valores a los campos:
Código HTML:
function cargarCamposLab(id) //llena los campos del formulario { //instancio un lab var objLab=crearObjetoLab(id); //asigno los atributos del lab a cada campo correspondiente document.getElementById("id").value= objLab.id; document.getElementById('nombre').value=objLab.nombre; document.getElementById('ubicacion').value=objLab.ubicacion; document.getElementById('responsable').value=objLab.responsable; }
Muchas gracias por la ayuda que puedan brindarme.
saludos