Tenho um grid listando os valores de uma consulta, quando o usuário clica em na linha gostaria que esses dados (e outros que não listei visualmente no grid) fossem inseridos num formulário.
Esse formulario fica abaixo da minha tabela, num div que esta escondida
Criando a tabela
<table id="listagem">
<thead><td>Código</td><td>Login</td><td>Pessoa</td><td>Ativo</td> </thead>
<c:forEach var="usuario" items="${usuarioList}">
<tr id="${usuario.nrSequencia}" >
<input type="hidden" name="objeto_${usuario.nrSequencia}" id="objeto_${usuario.nrSequencia}" value="${usuario}" />
<td >${usuario.nrSequencia}</td>
<td >${usuario.nmLogin}</td>
<td >${usuario.nmPessoa}</td>
<td >${usuario.ieAtivo}</td>
</tr>
</c:forEach>
</table>
JavaScript para pegar o click
$(document).ready(function(){
$("tbody tr td").click(function() {
element = document.getElementById('objeto_'+$(this).parents("tr").attr('id'));
alert(element.value);
usuario = element.value;//Aqui tem o objeto usuário que contém os dados não listados visualmente no grid
$("#detalhe").load('teste.jsp');//Isto não funciona
// $('#detalhe').html("<b>new stuff</b>");//Isto funciona
});
});
Minhas dúvidas:
1 - $("#detalhe").load(‘teste.jsp’); não recarrega minha div com o conteúdo de teste.jsp
2 - Como eu passo o meu objeto usuario para popular o form (quando eu conseguir carregar essa div)