changer valeur select onclick

**zevince** · 14/02/2007, 12h47

Bonjour,

j'ai un calendrier avec des liens du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

javascript:chg_depdate('2007-03-02')

Je voudrais que les select de ma page se mettent a jour automatiquement quand on clique sur ce lien..

code du select :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
          <label for="pkg_choice_dep_date">Date de départ et <span style="color: red;">prix ttc </span>(*):</label>
          <select name="pkg_choice_dep_date" tabindex="4">
            <option value="2007-02-16">
            ven. 16/02/2007
             &nbsp; 994 €
            </option>
 
            <option value="2007-02-23">
            ven. 23/02/2007
             &nbsp; 1242 €
            </option>
            <option value="2007-03-02">
            ven. 02/03/2007
             &nbsp; 894 €
            </option>
            <option value="2007-03-23">
            ven. 23/03/2007
             &nbsp; 994 €
            </option>
 
            <option value="2007-03-30">
            ven. 30/03/2007
             &nbsp; 994 €
            </option>
          </select>

voici ma fonction actuelle :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<script type="text/javascript">
  function chg_depdate(str_date) {
    var monselect = document.getElementsByName("pkg_choice_dep_date");
    var select = monselect[0];
    select.options[select.selectedIndex].value = str_date; 
}
</script>

Alors, la j'ai deux problemes.. quand je clique un des liens, et que je soumets le formulaire, ok, pas de soucis, le value est bien changé.. MAIS le texte affiché dans le select reste celui de l'option précédente ...

2e souci, j'ai deux select avec le meme nom dans la page et je voudrais les changer tous les deux.. (voila le pourquoi du getElementsByName et non pas par ID)

Merci de vos aides !

**zevince** · 14/02/2007, 13h06

bon, bah j'ai fini par trouver ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  function chg_depdate(str_date) {
    var monselect = document.getElementsByName("pkg_choice_dep_date");
    var select1 = monselect[0];
    var select2 = monselect[1];
	for (var i=0; i < select1.options.length; i++) {
		if (select1.options[i].value==str_date)
			select1.options[i].selected = true;
	}
 
	for (var i=0; i < select2.options.length; i++) {
		if (select2.options[i].value==str_date)
			select2.options[i].selected = true;
	}
 
}