jquery div en fonction menu deroulant

[mickeymic]

Bonjour,

Je me permets de vous écrire, car je cherche à réaliser quelques choses sur mon site, mais je ne sais pas vraiment si techniquement c'est possible...

je vous explique :

1.j'ai un tableau html.
Sur chaque ligne de mon tableau j'ai des cellules et 2 menus déroulants.
J'aimerai afficher dans une div (situé en haut du tableau) un contenu différent en fonction du menu déroulant ouvert.
Sachant que le contenu est identique lorsqu'on ouvre les 2 menus déroulants de la même ligne.

2.est-il possible d'afficher la div dès qu'on clique sur le menu deroulant ? est-il possible de fermer la div dès qu'on a selectionné un élément de la liste déroulante ?

Merci d'avance pour votre retour

)

[Galdon]

Oui bien sûr, mais je peux pas t'en dire plus si tu ne fournis pas ton code HTML.

Le mieux serait que tu poste ton code sur JSBin : http://jsbin.com/ et que tu indique l'URL ici, comme ça je pourrais ajouter le code javascript.

[mickeymic]

Bonsoir,

merci pour cette proposition,

Voilà :

http://jsbin.com/arojuh/4/

A noter tout le contenu des lignes du tableau sont générées via une boucle php.
J'ai créé une div "resultat" dans laquelle j'aimerai afficher le contenu. Le contenu est différent sur chaque ligne et est récupéré dans la bdd.

C'est pas forcément évident de te donner tous les éléments...
J'espère que tu pourras m'aider.

[Galdon]

Voilà un petit exemple en JS avec jQuery :
http://jsbin.com/ihicuq/1

Code: Tout sélectionner

jQuery(document).ready(function($){
   $('#tab select').change(function(e){
      //console.log('down');
      $('#resultat').html( "Sélection: " + $(this).val() );
   });
});

[mickeymic]

Bonjour Galdon,

Merci beaucoup

Je regarde comment je peux adapter ce code et je te tiens au courant... (pas avant ce week end je pense)

Bonne journée

[mickeymic]

Bonjour Galdon,

bon désolé de ne pas avoir été plus réactif

Voilà, j'ai fait des tests. On se rapproche de ce que j'aimerai obtenir.
Mon souci maintenant est d'afficher dans la div "resultat" un contenu différent par ligne, et que je cherche via mes bases de données. Je pense que le plus efficace serait peut être de faire ça en ajax (et malheureusement je ne le maîtrise pas), tu en penses quoi ?
Sachant que dans choix[2], le 2 est l'id qui sert dans ma requête à récupérer les données.

Voici à quoi ressemble mon tableau
http://jsbin.com/ihicuq/4/

J'espère que c'est faisable.

Merci d'avance pour ton aide

Bon dimanche