Merci vraiment beaucoup pour ta réponse! Maintenant, tout est fonctionnel sauf un seul truc : lors du submit (qui vérifie que toutes mes functions sont valides) si j'avais sélectionné une province ou un état, il remet l'option au premier (soit Faites votre choix) et donne un message d'erreur. Comment faire en sorte qu'il garde en mémoire l'option sélectionnée?
Je met juste le javascript, je pense pas que le HTML soit important.
Sauf pour dire que mon select pays s'appelle Pays (sur lequel roule "validationPays()") et celui pour les État ou Provinces s'appelle provetat (sur lequel roule onchange="validationPE()")
J'essaie la technique du copier/coller à partir d'un document texte. Voyons voir...
function validationPays(){
var Pays = document.formulaire.Pays.selectedIndex;
var valPays = document.getElementById("validationPays");
var vide = new Array();
var canada = new Array();
var usa = new Array();
vide[0] = new Option("Faites votre choix");
canada[0] = new Option("Faites votre choix");
canada[1] = new Option("Alberta", "AB");
canada[2] = new Option("Colombie-Britannique", "BC");
canada[3] = new Option("Île-du-Prince-Édouard", "PE");
canada[4] = new Option("Manitoba", "MB");
canada[5] = new Option("Nouveau-Brunswick", "NB");
canada[6] = new Option("Nouvelle-Écosse", "NS");
canada[7] = new Option("Ontario", "ON");
canada[8] = new Option("Québec", "QC");
canada[9] = new Option("Saskatchewan", "SK");
canada[10] = new Option("Terre-Neuve-et-Labrador", "NL");
usa[0] = new Option("Faites votre choix");
usa[1] = new Option("New York", "NY");
usa[2] = new Option("Maine", "ME");
usa[3] = new Option("New Hampshire", "NH");
usa[4] = new Option("Vermont", "VT");
for (i = 0; i < document.formulaire.provetat.options.length; i++)
{
document.formulaire.provetat.options.length = 0;
}
if(Pays == 2)
{
for (i = 0; i < usa.length; i++)
{
document.formulaire.provetat.options[i] = usa[i];
}
valPays.innerHTML = '';
return true;
}
else if(Pays == 1)
{
for (i = 0; i < canada.length; i++)
{
document.formulaire.provetat.options[i] = canada[i];
}
valPays.innerHTML = '';
return true;
}
else
{
for (i = 0; i < vide.length; i++)
{
document.formulaire.provetat.options[i] = vide[i];
}
valPays.innerHTML = '<img src="erreur.jpg">';
return false;
}
}
function validationPE(){
var pays = document.formulaire.Pays.selectedIndex;
var provetat = document.formulaire.provetat.selectedIndex;
var valProv = document.getElementById("valProv");
if(pays == 0)
{
valProv.innerHTML = '';
return true;
}
else
{
if(provetat == 0)
{
valProv.innerHTML = '<img src="erreur.jpg">';
return false;
}
else
{
valProv.innerHTML = '';
return true;
}
}
}