Quel évènement choisir ? (jQuery)

Bonjour tout le monde !

Je me permets de solliciter votre aide pour m'éclairer sur un conflit avec les évènements.

J'ai géré tous les évènements de ma page optimisés pour une navigation avec les tab, mais pour la souris, c'est une autre histoire ...

Pour faire simple, j'ai un champ où j'entre le nom de la société. Lorsque je le quitte, je veux que le select d'en dessous se remplisse avec le nom des sites correspondants au nom de la société.

- Avant :

Nom de la société : |________________|
Sites : |________________|v


- Quand je rentre le nom de la société, le premier champ a donc le focus, et le select est vide.

Nom de la société : |_Google___________| // Focus
Sites : |________________|v

- Lorsque je vais cliquer sur le select (qui devrait se remplir lors du blur du premier champ), rien n'apparait. Mais lorsque je reclique une deuxième fois dessus, il est rempli, donc :
- Le script de récupération fonctionne bien.

- Premier click :

Nom de la société : |_Google___________|
Sites :
|________________|v // Focus
| |
|________________|

- Deuxième click :

Nom de la société : |_Google___________|
Sites :
|_Google France___|v // Focus
| Google USA |
|________________|




Problème : l'évènement "blur" ne s'applique que lorsque je CLICK ailleurs que sur le champ, or, le premier click effectué est (logiquement) fait sur le select, donc celui-ci a pas encore chargé les données ...

-> J'ai aussi essayé l'évènement mouseLeave mais mon script s’exécute tout le temps, donc pas possible ><

Si j'ai pas été assez claire, n'hésitez pas ...
Merci d'avance !
Modifié par Seyu (13 Jan 2012 - 11:31)

Tu pourrais essayer avec onchange ou onkeydown/up de ton champ nom de société.
Modifié par Vaxilart (15 Jan 2012 - 07:00)