Div se cache à l'actualisation d'une page malgré le select
Bonjour,
J'ai une page html, qui contient un select et deux options.
J'ai un évènement OnChange qui me permet d'afficher une div (et de cacher l'autre) en fonction de l'option choisie dans le select. Ca marche niquel. Le problème se pose à l'actualisation de la page, le select garde l'option sélectionnée avant cette actualisation, mais les div se cachent ... (normal, par défaut sur la page j'ai une option "Choisir" et les div sont toutes cachées, on n'affiche la div que lorsque l'on choisit une option.
Comment puis-je faire pour qu'à l'actualisation de la page, si l'option 1 est sélectionnée, la div 1 s'affiche (et les autres div se cachent), si l'option n est sélectionnée, la div n s'affiche (et les autres div se cachent). J'avais pensé aux sessions et variables post mais je ne suis pas sur que ce soit la bonne méthode.
En gros, niveau code, j'ai :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
<script language="javascript">
function affiche_cache()
{
i = document.getElementById("sel").selectedIndex;
if(i==0) return;
if(i==1)
{
document.getElementById("div_1").style.display = "";
document.getElementById("div_2").style.display = "none";
}
else if(i==2)
{
document.getElementById("div_2").style.display = "";
document.getElementById("div_1").style.display = "none";
}
}
</script>
<select id="sel" onChange="affiche_cache();">
<option value="" selected>Choisir</option>
<option value="projet1">1</option>
<option value="projet2">2</option>
</select>
<div style="display:none" class="div_select" id="div_1">
...
</div>
<div style="display:none" class="div_select" id="div_2">
...
</div> |
