Changer le selected dans un <select>

Version imprimable

Salut à tous,

Je souhaite créer une fonction javascipt qui ordonne à mes <select> de séléctionner leur premier <option>.

Voici ce que j'ai tenté.

Merci d'avance.

Code:

1
2
3
4
function resetFromTo() {
 document.getElementById('from').selectedIndex = 0;
 document.getElementById('to').selectedIndex = 0;
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
du 
  <select id="from" name="from" <? if (!$enabled) print "disabled";?>>
   <option></option><?
  for ($i=0; $i < sizeof($dates); $i++) {?>
   <option value="<? print $dates[$i];?>"
    <? if (!empty($_GET['from']) && $_GET['from']==$dates[$i]) print "selected";?>>
    <? print convertDate($dates[$i]);?>
   </option><?
  }?>
  </select>
   au       
  <select id="to" name="to" <? if (!$enabled) print "disabled";?>>
   <option></option><?
  for ($i=0; $i < sizeof($dates); $i++) {?>
   <option value="<? print $dates[$i];?>"
    <? if (!empty($_GET['to']) && $_GET['to']==$dates[$i]) print "selected";?>>
    <? print convertDate($dates[$i]);?>
   </option><?
  }?>
  </select>

25/06/2009, 10h27
RomainVALERI

Au minimum, décris nous quand même le problème rencontré ou la difficulté qui t'arrête... ^^
Et si en bonus tu nous donnais le code généré plutôt que ce code PHP un peu inopportun... ça serait presque le bonheur :aie:

Citation:

Envoyé par RomainVALERI

Au minimum, décris nous quand même le problème rencontré ou la difficulté qui t'arrête... ^^

Il est vrai qu'à moi ça me paraît évident et qu'il est peut-être bien vu d'expliciter : Mon problème, c'est que le code que j'ai me semblait correct, pourtant, ça ne fonctionne pas.

Citation:

Envoyé par RomainVALERI

Et si en bonus tu nous donnais le code généré plutôt que ce code PHP un peu inopportun... ça serait presque le bonheur :aie:

Pas bête. ;)
Code:

1 2 3 4 5 6 7 8 9 10 <select id="from" name="from" > <option></option> <option value="2008-12-31">31/12/2008</option> </select> au <select id="to" name="to" > <option></option> <option value="2008-12-31">31/12/2008</option> </select>
Cependant, j'ai finalement trouvé mon erreur tout seul.
Le code que j'ai présenté est correct.
Le problème était que la référence au fichier javascript était réalisée après l'appel à la fonction... (Car le code php est dans une fonction, dans un fichier indépendant qui était inclu dans mon index avant mon <head><script...></head>, voyez?).

En bref, une erreur bête qui fait perdre du temps. Désolé du dérangement.

Au pire, ça laisse un petit exemple de comment modifier l'<oprion> selected d'un <select>...

Merci et @+