Salut Cyrano,
désolé pour le délais de ma réponse, mais j'ai enfin comprit le fonctionnement de ta liste déroulante. Merci beaucoup.
J'aime autant ne pas programmé avec slq et seulement avoir mes variante directement dans mes codes html.
J'ai seulement une petite question, est-ce que ça serait vraiment compliqué d'ajouter une troisième bande déroulante pour que je puisse ajouter mon ''imprimé 1 côté ou 2 côtés.
(Si tu cliques sur la quantité 250, tu vas voir dans l'onglet qui suit, la grandeur et ''1 côté ou 2 côtés, mais j'aimerais qu'il soit séparé et une fois avoir cliquer sur un des deux choix, le prix appararaisse en alerte.)
Je suis probablement en train de te demander un deuxième dessert

Désolé.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<script language="JavaScript">
function trierMenuProduit(form,list,typeCategorie) // Création de la fonction qui va écrire les différentes options dans le second menu déroulant en fonction du choix effectué.
{ // Dans cette fonction on rabat le nom du formulaire , le nom du menu "select" et la "value" du choix que l'on a effectué.
list.options.length=0;// La remise à 0 des options du menu déroulant est trés importante autrement il "rajoutera" à chaque choix différent de nouvelles options.
// ici on commence les tests d'égalité avec la "value" retournée qui porte le nom de"typeCategorie".
if (typeCategorie == "250")
{
choix=new Option("Grandeur");// on crée une variable "choix" dans laquelle on va mettre une nouvelle option.
form.produit.options[form.produit.options.length]=choix;// ensuite on atteint le second menu déroulant que l'on va indexer avec notre nouvelle option "choix".
choix=new Option("4x6 pouces / 1 côté","62 $");// Attention lors de la création de notre nouvelle option,
form.produit.options[form.produit.options.length]=choix;// ce que l'on écrit en premier es le texte que va afficher notre menu déroulant,
// le second est la "value" que celui-ci retournera. Et ainsi de suite.
choix=new Option("4x6 pouces / 2 côtés","72 $");// Attention lors de la création de notre nouvelle option,
form.produit.options[form.produit.options.length]=choix;// ce que l'on écrit en premier es le texte que va afficher notre menu déroulant,
// le second est la "value" que celui-ci retournera. Et ainsi de suite.
choix=new Option("5x7 pouces / 1 côté","70 $");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("5x7 pouces / 2 côtés","87 $");
form.produit.options[form.produit.options.length]=choix;
}
else if (typeCategorie == "500")
{
choix=new Option("Grandeur");// on crée une variable "choix" dans laquelle on va mettre une nouvelle option.
form.produit.options[form.produit.options.length]=choix;// ensuite on atteint le second menu déroulant que l'on va indexer avec notre nouvelle option "choix".
choix=new Option("4x6 pouces / 1 côté","78 $");// Attention lors de la création de notre nouvelle option,
form.produit.options[form.produit.options.length]=choix;// ce que l'on écrit en premier es le texte que va afficher notre menu déroulant,
// le second est la "value" que celui-ci retournera. Et ainsi de suite.
choix=new Option("4x6 pouces / 2 côtés","97 $");// Attention lors de la création de notre nouvelle option,
form.produit.options[form.produit.options.length]=choix;// ce que l'on écrit en premier es le texte que va afficher notre menu déroulant,
// le second est la "value" que celui-ci retournera. Et ainsi de suite.
choix=new Option("5x7 pouces / 1 côté","97 $");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("5x7 pouces / 2 côtés","130 $");
form.produit.options[form.produit.options.length]=choix;
}
else if (typeCategorie == "750")
{
choix=new Option("Grandeur");// on crée une variable "choix" dans laquelle on va mettre une nouvelle option.
form.produit.options[form.produit.options.length]=choix;// ensuite on atteint le second menu déroulant que l'on va indexer avec notre nouvelle option "choix".
choix=new Option("4x6 pouce","65 $");// Attention lors de la création de notre nouvelle option,
form.produit.options[form.produit.options.length]=choix;// ce que l'on écrit en premier es le texte que va afficher notre menu déroulant,
// le second est la "value" que celui-ci retournera. Et ainsi de suite.
choix=new Option("5x7 pouces","meres");
form.produit.options[form.produit.options.length]=choix;
}
else if (typeCategorie == "1000")
{
choix=new Option("Grandeur");// on crée une variable "choix" dans laquelle on va mettre une nouvelle option.
form.produit.options[form.produit.options.length]=choix;// ensuite on atteint le second menu déroulant que l'on va indexer avec notre nouvelle option "choix".
choix=new Option("4x6 pouce","65 $");// Attention lors de la création de notre nouvelle option,
form.produit.options[form.produit.options.length]=choix;// ce que l'on écrit en premier es le texte que va afficher notre menu déroulant,
// le second est la "value" que celui-ci retournera. Et ainsi de suite.
choix=new Option("5x7 pouces","meres");
form.produit.options[form.produit.options.length]=choix;
}
else if (typeCategorie == "2500")
{
choix=new Option("Séléctionnez un produit");
form.produit.options[form.produit.options.length]=choix;
choix=new Option("CD & DVD","cdvierge");
form.produit.options[form.produit.options.length]=choix;
}
else if (typeCategorie == "5000")
{
choix=new Option("Grandeur");// on crée une variable "choix" dans laquelle on va mettre une nouvelle option.
form.produit.options[form.produit.options.length]=choix;// ensuite on atteint le second menu déroulant que l'on va indexer avec notre nouvelle option "choix".
choix=new Option("4x6 pouce","65 $");// Attention lors de la création de notre nouvelle option,
form.produit.options[form.produit.options.length]=choix;// ce que l'on écrit en premier es le texte que va afficher notre menu déroulant,
// le second est la "value" que celui-ci retournera. Et ainsi de suite.
choix=new Option("5x7 pouces","meres");
form.produit.options[form.produit.options.length]=choix;
}
}
</script>
</head>
<body topmargin="0" leftmargin="0">
<form name="catalogue">
<table border="0" cellspacing="0" cellpadding="5" width="950" align="center" >
<tr>
<td align="right" bgcolor="#aacc7f" width="100">
<p>Quantité</p>
</td>
<td align="left" bgcolor="#aacc7f" width="150">
<select name="categorie" onChange="trierMenuProduit(this.form,this.form.produit,this.value)"><!-- Appel de notre fonction avec toutes les infos (nom de formulaire, nom du second menu déroulant et la value). -->
<option>Quantité</option>
<option value="250">250</option>
<option value="500">500</option>
<option value="750">750</option>
<option value="1000">1000</option>
<option value="2500">2500</option>
<option value="5000">5000</option>
</select>
</td>
<td align="right" bgcolor="#aacc7f"width="100">
<p>Grandeur</p>
</td>
<td align="left" bgcolor="#aacc7f">
<select name="produit" onChange="alert('Votre prix : '+this.value)"><!-- Ici une simple "alert" qui retourne la value de notre choix. -->
<option>Grandeur</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>