Changer le selected dans un <select>

**Goupo** · 25/06/2009, 10h13

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 :

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

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

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

**RomainVALERI** · 25/06/2009, 10h27

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

**Goupo** · 25/06/2009, 10h45

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.

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

Pas bête.

Code :

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

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 @+

Changer le selected dans un <select>

JavaScript

Discussions similaires

Partager

Partager