changer valeur select onclick

Bonjour,

j'ai un calendrier avec des liens du style :

Code:

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:

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   994 € </option> <option value="2007-02-23"> ven. 23/02/2007   1242 € </option> <option value="2007-03-02"> ven. 02/03/2007   894 € </option> <option value="2007-03-23"> ven. 23/03/2007   994 € </option> <option value="2007-03-30"> ven. 30/03/2007   994 € </option> </select>
voici ma fonction actuelle :
Code:

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 !

bon, bah j'ai fini par trouver ca :

Code:

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;
	}
 
}

pas super elegant, mais bon.. ca marche..

Si vous avez mieux, je suis preneur !

L'essentiel est que ça fonctionne.
... sauf si c'est dans un <form> : un seul des 2 select arrivera jusqu'au serveur ;)

A+

oh en fait il y a deux form dans la page, avec chacun son select... donc pas de soucis de ce coté la !

Merci,

bon bah je mets en résolu