modification d'un combo box

Version imprimable

Bonjour,
j'ai cherché dans les sujets déjà postés et dans la FAQ mais je n'ai pas trouvé de réponse à mon problème... le voici :

je voudrais modifier un combo box en fonction d'un autre.
J'ai 2 combobox correspondant aux mois de début et de fin d'un événement.
Par exemple, je voudrais que quand le début est fixé en mars, la fin se réinitialise automatiquement à mars....

Pour l'instant mon code est le suivant... le problème est que je change la value du combo box mais pas ce qui s'affiche ce qui fait que quand je change le mois de début, le 2ème combo box devient vide.
J'espère que j'ai été assez clair et je vous remercie de m'aider !
Laurent

Code:

1
2
3
4
5
6
7
8
9
10
<script language='Javascript'> 
function changement_mois_début_montage() 
	{
	if (document.getElementById('mois_fin_mont').value == "fevrier") 
		document.getElementById('mois_fin_mont').value = document.getElementById('mois_début_mont').value; 
		document.getElementById('mois_fin_mont').value = document.getElementById('mois_début_mont').value; 
	else
		document.getElementById('mois_fin_mont').value = "mars"; 	
	} 
</script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
 <select name="mois_d&eacute;but_mont"  id="mois_début_mont" onclick="javascript:changement_mois_début_montage()">
                <option value="1" selected>Janvier</option>
                <option value="2">Fevrier</option>
                <option value="3">Mars</option>
                <option value="4">Avril</option>
                <option value="5">Mai</option>
                <option value="6">Juin</option>
                <option value="7">Juillet</option>
                <option value="8">Aout</option>
                <option value="9">Septembre</option>
                <option value="10">Octobre</option>
                <option value="11">Novembre</option>
                <option value="12">Decembre</option>
 </select>

puis

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
             <select name="mois_fin_mont" id="mois_fin_mont">
                <option value="1"selected>Janvier</option>
                <option value="2">Fevrier</option>
                <option value="3">Mars</option>
                <option value="4">Avril</option>
                <option value="5">Mai</option>
                <option value="6">Juin</option>
                <option value="7">Juillet</option>
                <option value="8">Aout</option>
                <option value="9">Septembre</option>
                <option value="10">Octobre</option>
                <option value="11">Novembre</option>
                <option value="12">Decembre</option>
              </select>

Je crois que tu n'utilises pas la bonne fonction pour mettre a jour la selection de la 2e combo, il faut utiliser la propriété selectedIndex :

Code:

1
2
3
4
if (document.getElementById('mois_debut_mont').value=='1') document.getElementById('mois_fin_mont').selectedIndex=0;
else if (document.getElementById('mois_debut_mont').value=='2') document.getElementById('mois_fin_mont').selectedIndex=1;
else if (document.getElementById('mois_debut_mont').value=='3') document.getElementById('mois_fin_mont').selectedIndex=2;
// etc...

22/02/2005, 15h43
bourguy

En effet, ca marche mieux avec ta propriété ! Merci beaucoup !!! :D

Mais selectedIndex représente quoi exactement?? parce que je ne comprends pas toujours le fonctionnement....

salut

Code:

1
2
3
4
5
6
7
8
9
10
<script language='Javascript'> 
function changement_mois_début_montage() 
   { 
   if (document.getElementById('mois_fin_mont').value == "fevrier") 
      document.getElementById('mois_fin_mont').value = document.getElementById('mois_début_mont').value; 
      document.getElementById('mois_fin_mont').value = document.getElementById('mois_début_mont').value; 
   else 
      document.getElementById('mois_fin_mont').value = "mars";     
   } 
</script>

tu pourrais réexpliquer cette fonction?

22/02/2005, 15h56
bourguy

heu difficilement... :? disons que c'était complètement faux...

je veux que le mois de fin de montage ne soit modifié que si c'est le mois par défaut c'est-à-dire janvier (1) mais j'ai encore des doutes sur ma fonction c'est pour ça que je demande des précisions sur Selectedindex....

Code:

1
2
3
4
5
6
7
 
function changement_mois_début_montage() 
	{
	if (document.getElementById('mois_fin_mont').value != '1') 
		document.getElementById('mois_fin_mont').value = document.getElementById('mois_début_mont').value; 	
		document.getElementById('mois_fin_mont').selectedIndex = document.getElementById('mois_début_mont').selectedIndex; 			
	}

Je crois que comme ça c'est bon ca fait ce que je veux... mais je suis quand même preneur de + d'infos sur selectedIndex!

22/02/2005, 16h06
.:morgoth:.

Euh ben c'est tout bête en fait :
SelectedIndex=0 permet de définir la sélection d'une combobox sur le 1er élément de la liste.

(Oublie pas de cliquer sur Résolu a la fin :wink: )
22/02/2005, 16h10
bourguy

je ne vois pas le lien résolu grâce à mr morgoth c'est normal? :P

Merci beaucoup en tt cas !
22/02/2005, 16h14
.:morgoth:.

Le nom du sauveur n'apparait pas hélas :D

Mais bon toi tu sais a qui tu dois la comprehension du selectedIndex...
A ta disposition