Je reviens sur un point : pourquoi veux-tu mettre le gestionnaire d'affichage du bouton dans la première liste ? Ce n'est pas logique. Si tu ne fais pas de choix dans la première, tu n'auras pas la seconde. Donc si tu veux ne pouvoir soumettre le formulaire qu'à la condition qu'un choix complet soit fait, il faut qu'il y en ait un dans la dernière. Et la dernière liste ne sera valide que si tu y as fait un choix et donc forcément aussi dans la précédente.

oui, je suis d'accord avec ton raisonnement, mais le fait de sélectionner un élément de la première liste affiche par défaut un élément de la seconde liste. Et si l'utilisateur de fait rien de plus, et garde ce choix par défaut de cette seconde liste, ça me va bien !

Alors dans ce cas, tu mets le code d'affichage du bouton dans la méthode JavaScript qui met à jour l'affichage de la seconde liste tout simplement. Où à la rigueur, tu crées la seconde fonction qui affiche ou masque le bouton et tu la fais appeler depuis celle de mise à jour.

sauf que j'en suis toujours au même problème, c'est que la fonction qui affiche/masque le bouton valider me génère l'erreur citée précédemment et que je n'arrive pas à résoudre

Fais voir le code HTML généré pour la partie qui nous intéresse et le code JavaScript que tu utilises.

T'étonne pas trop si je réponds pas vite, je suis au bureau et j'ai un peu de taf

Merci de ton aide, t'inquiètes pas, je sais être patient ...

Voici la source de la page produite (au niveau du formulaire qui nous intéresse) :
et voici le code de la fonction javascript :
Te faut-il d'autres éléments ou est-ce suffisant ?

Merci !

J'ai du faire un mauvais copier/coller, il y a un point en trop ici : remplacer par Et refais le test.

Gggrrrrrrrrr, toujours une coquille quelque part !

Maintenant, j'ai l'erreur suivante :

'document.forms.chgClub.elements' a la valeur Null ou n'est pas un objet.

Normal : JavaScript est sensible à la casse. Tu as écrit chgClub alors que l'attribut id de ta balise form a pour valeur chgclub

Parfait, cet évènement fonctionne enfin !

je regarde pour le reste, je te tiens au courant !

Merci encore !!!!!!!

Je ne capte pas comment de deux fonctions différentes, je peux en faire qu'une seule et l'appeler dans mon évènement OnChange.
Mes deux fonctions, qui fonctionnent parfaitement bien testées séparemment sont donc les suivantes :
puis
Le formulaire lui traitant ces fonctions est le suivant :
Dans l'exemple ci-dessus, c'est la fonction onChange="afficherBouton(this.value,'envoyer') qui est exécutée. Je ne sais pas faire tourner les deux lors du même évènement OnChange.

Un dernier coup de main, après, promis, c'est fini !

Merci !

[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]

C'est de la logique pure pourtant. Je te mets le code ci-dessous avec des commentaires, tu devrais facilement capter la manœuvre :

/**
 * Fonction privée appelée depuis la fonction changeClub()
 * 
 * @param {String} valeur Valeur de la liste d'où provient l'appel
 * @param {String} btn    identifiant du bouton à afficher
 */
function afficherBouton(valeur, btn)
{
    var bouton = document.forms.chgclub.elements[btn];
    if(valeur != -1)
    {
        bouton.style.display = 'inline';
    }
    else
    {
        bouton.style.display = 'none';
    }
} 
/**
 * Fonction de mise à jour de la seconde liste.
 * 
 * @param {Array}  tab           tableau des valeurs de division
 * @param {String} IdDivision    identifiant de la division
 * @param {String} valeur        Valeur de la liste d'où provient l'appel
 * @param {String} btn           identifiant du bouton à afficher
 */
function changeClub(tab,IdDivision, valeur, btn)
{
    if(IdDivision != "vide")
    {
        /* On compte les clubs de cette division */
        var nbc = tab[IdDivision][1].length;
        var form_c  = '<select name="club" id="club">';
        for(var j = 0;  j < nbc; j++)
        {
            form_c += '  <option value="'+ tab[IdDivision][1][j] +'">'+ tab[IdDivision][2][j] +'<\/option>';
        }
        form_c += '<\/select>';
        /* Ici, on peut maintenant faire afficher le bouton */
        afficherBouton(valeur, btn);
    }
    else
    {
        form_c = "";
    }
    document.getElementById("blocClubs").innerHTML = form_c;
}

Partant de là, remets l'appel de la fonction AJAX changeClub() et regarde l'ajout que j'ai fait dans cette fonction :
- d'abord deux paramètres de plus;
- ensuite l'appel de la fonction qui va afficher le bouton.

Mais on va simplifier avec une seule fonction qui va tout faire en une fois :

/**
 * Fonction de mise à jour de la seconde liste.
 * 
 * @param {Array}  tab           tableau des valeurs de division
 * @param {String} IdDivision    identifiant de la division
 * @param {String} valeur        Valeur de la liste d'où provient l'appel
 * @param {String} btn           identifiant du bouton à afficher
 */
function changeClub(tab,IdDivision, valeur, btn)
{
    var bouton = document.forms.chgclub.elements[btn];
    if(IdDivision != "vide")
    {
        /* On compte les clubs de cette division */
        var nbc = tab[IdDivision][1].length;
        var form_c  = '<select name="club" id="club">';
        for(var j = 0;  j < nbc; j++)
        {
            form_c += '  <option value="'+ tab[IdDivision][1][j] +'">'+ tab[IdDivision][2][j] +'<\/option>';
        }
        form_c += '<\/select>';
        /* Ici, on peut maintenant faire afficher le bouton */
        bouton.style.display = 'inline';
    }
    else
    {
        form_c = "";
        bouton.style.display = 'none';
    }
    document.getElementById("blocClubs").innerHTML = form_c;
}

Simple non ?

Effectivement, la fonction deux-en-une, c'est top, et bien plus clair.
Par contre, j'ai du mal à capter comment se fait l'appel de la fonction avec les valeurs qu'elle doit retourner.
Autrement dit, dans mon formulaire, j'ai mis ce qui suit mais ça n'a pas l'air de convenir du tout :

<select name="division" id="division" onChange="changeClub(tab,IdDivision,this.value,'envoyer')";>

On me dit que 'IdDivision' est indéfini ...

Quels paramètres utilisais-tu pour appeler cette fonction avant ma modification ? Ce sont strictement les mêmes. Là, je n'ai pas vu le code original qui appelait cette fonction, mais tu utilisais des paramètres particuliers non ? Là, on rajoute les paramètres nécessaires pour afficher/masquer le bouton. Or j'ai des raisons de penser qu'il s'agit de l'identifiant du bloc où doit s'afficher la seconde liste, tu ne crois pas ?

Et en fait, j'ai même l'impression que le "this.value" va se retrouver en double, donc on peut en faire sauter un et on a plus besoin que de trois paramètres.

effectivement, en faisant ainsi : <select name="division" id="division" onChange="changeClub(tab,this.value,this.value,'envoyer')";> ça fonctionne !

Je ne peux pas simplifier, je suis obligé de laisser les deux dans l'appel de la fonction, sinon ça plante.

Enfin en tout cas, je suis arrivé à mes fins grace à toi, et je t'en remercie. En plus, je pense avoir compris, même si je préfère de très loin le php à ça qui m'effraie toujours.
D'un autre côté, tout ça est tellement complémentaire ...

MERCI !