$( document ).ready(function() {
//ici tu met mon code js
});
si ça fonctionne pas, j'ai peut être une autre solutionif (window.jQuery) {
alert("jQuery is loaded");
} else {
alert("jQuery is not loaded");
}<select name="nomduselect">
<option value="">valeur nul , sauf si on choisi une des suivantes</option>
<option value="choix1">Choix 1</option>
<option value="choix2">Choix 2</option>
etc...
</option>Code : Tout sélectionner
<!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>Document sans titre</title>
</head>
<body>
<script src="jquery.js"></script>
<script src="liste.js"></script>
<select id="liste1" name="nomdelaliste1">
<option>Votre choix:</option>
<option value="choix1">Entrée</option>
<option value="choix2">Plat</option>
<option value="choix3">Dessert</option>
</select>
<br />
<hr />
<select class="liste1" id="liste1_choix1" name="nomdelaliste1_1" style="display:none">
<optgroup label="choix 1">
<option value="choix1">Cassoulet</option>
<option value="choix2">Raviolis</option>
<option value="choix3">Epinard</option>
</optgroup>
</select>
<hr />
<select class="liste1" id="liste1_choix2" name="nomdelaliste1_2" style="display:none">
<optgroup label="choix 2">
<option value="choix1">Bierre</option>
<option value="choix2">Soda</option>
<option value="choix3">Whysky</option>
</optgroup>
</select>
<hr /><select class="liste1" id="liste1_choix3" name="nomdelaliste1_3" style="display:none">
<optgroup label="choix 3">
<option value="choix1">beurre</option>
<option value="choix2">Fromage</option>
<option value="choix3">Gruyere</option>
</optgroup>
</select>
</body>
</html>Code : Tout sélectionner
$( document ).ready(function() {
//ici tu met mon code js
$("select#liste1").on("change",function(){
//on récupère l'id du select:
var idselect=$(this).attr("id"),
valeurchoisie=$(this).val(),
idliste=idselect+"_"+valeurchoisie; //liste1_choixX
if(valeurchoisie!="Votre choix:"){
//pour valider le premier choix, sinon faudrait utiliser autre chose que on("change") mais dans l'immédiat et quelques chose de simple, je ne vois pas
//on affiche la liste correspondante au choix:
$("#"+idliste).css("display","block");
//on cache les autres listes si elles ont été affichées:
/*$("select.liste1").each(function(){
if ($(this).attr("id")!=idliste){
$(this).hide();
}
});*/
}
});
});