Jump to content
Fórum Script Brasil
  • 0

Dúvida em criar lista com filtro


aercio

Question

Bom dia Pessoal!!

Estou precisando montar a seguinte estrutura em ajax e não to conseguindo, na verdade, eu não sei nem pra onde vai...

Queria saber se alguém tem um exemplo ou poderia me ajudar.

Seguinte:

Tenho uma tabela no banco chama classificação, listo os dados dessa tabela em <li></li>

Ficando assim

|--------------|

| Opções |

|--------------|

Classificao 1

Classificao 2

Classificao 3

Classificao ...

Classificao N

|--------------|

|Sub-Opções|

|--------------|

Gostaria de saber como faço para quando tipo eu clicar em qualquer classificação eu fazer um filtro no banco de dados e retornar em <li></li> para a sub-opção. Estou usando acordion para separar as categorias.

Segue exemplo do que quero, só que no lugar de abrir outra página eu queria que carregasse opções para a opção de baixo.

Obrigado!

http://jqueryfordesigners.com/demo/plugin-slide-demo.html

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

(Com jquery)Algo assim:

// ao clicar no li
$('li').on('click', function(){
    var $li = $(this);
    
    // chama uma página php que retorne um ul > li
    $.ajax({
        url: 'pegaSubItems.php', // página php a ser chamada
        type: 'POST',
        data: {valor: $li.text()},
        onsuccess: function(response){
            $li.append(response);
        },
        onerror: function(e){
            console.log('error');
            console.log(e);
        }
    });
});

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152k
    • Total Posts
      651.5k
×
×
  • Create New...