0

Tenho uma tabela que lista os clientes de uma empresa. O usuário seleciona o cliente que deseja através dos links em cada . Ao clicar os dados da tabela alimentam os inputs do formulário. Só que agora eu desejo esconder a tabela, visto que o usuário já selecionou o registro que gostaria.

A tabela eu listo assim:

<table class="table" id="tabelaCliente">

        <tbody>
        <tr>
            <th>
                <i>
                    Cliente
                </i>
            </th>
            <th>
                <i>
                    Telefone
                </i>
            </th>
        </tr>
        <?php
        foreach ($query as $linha) {
        ?>
            <tr>
                <td id="<?php echo $linha->id ?>"> <a href=""><?php echo $linha->nome ?></a></td>
                <td><?php echo $linha->telefone . ' ou ' . $linha->celular ?></td>
            </tr>
        <?php
        }
        ?>
        </tbody>
</table>

Para alimentar os inputs do form eu uso AJAX:

$(document).on("click","#tabelaCliente td a",function(e){
    e.preventDefault()
    var id_cliente = $(this).parent().attr("id");

    $('#nome').val($(this).text());
   // para ocultar eu faço
    $('#tabelaCliente').hide('slow');
    // já tentei isso também
   // document.getElementById('tabelaCliente').style.display = "block";

});

Meu problema está em ocultar a table, não vai... Alguém sabe como fazer?

3
  • 1
    Tente $("#tabelaCliente").css("display", "none"); e para exibi-la novamente caso precise $("#tabelaCliente").css("display", "block"); Ou seja none esconde e block exibe.
    – user77310
    9/01/2018 às 13:20
  • Obrigado, deu certo 9/01/2018 às 18:09
  • Tranquilo Rafa, sorte ai !
    – user77310
    9/01/2018 às 21:39

1 Resposta 1

0

Acho que essa resposta é bem o que você precisa:

$('#tabelaCliente td a').click(function() {
    //o que precisar fazer..

    $('#tabelaCliente').toggle('slow');
});
8
  • Melhor editar e colocar o seu código dentro de um $( document ).ready(function() {} para não haver erros caso o dom não tenha sido completamente carregado!
    – user77310
    9/01/2018 às 13:28
  • Obrigado @rLinhares, mas ainda não oculta. 9/01/2018 às 13:30
  • @RafaelSalomão realemente deve ficar dentro do ready, mas a ideia era deixar na resposta só a function mesmo, não o código inteiro.
    – rLinhares
    9/01/2018 às 13:33
  • jsfiddle.net/m15h14k7, Peguei o code do linhares que funciona, e montei o exemplo. Olha lá funcionando. Tá fazendo algo errado!
    – user77310
    9/01/2018 às 13:35
  • Tranquilo @rlinhares!
    – user77310
    9/01/2018 às 13:36

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .