Sélectionner la dernière valeur d'une liste déroulante

Salut !

J'ai une liste déroulante contenant plusieurs éléments. Ce nombre
d'éléments peut varier, et je ne peux pas connaître son nombre, ni leur
valeur (ils sont générés dynamiquement).

Existe-t-il un moyen de sélectionner par une méthode quelconque en
Javascript la DERNIERE valeur de ma liste déroulante ?

EX :
====================================== > <select name="maListe" id="maListe">

<option value="bleu">bleu</option>
<option value="blanc">blanc</option>
<option value="rouge">rouge</option>

</select>
====================================== >
Sachant que je ne connais à l'avance ni le nombre de valeurs de ma liste
déroulante, ni leur valeur, comment faire en Javascript pour
sélectionner directement la valeur "rouge" ?

Merci d'avance pour vos réponses.

Mr Prout !

Salut !

J'ai une liste déroulante contenant plusieurs éléments. Ce nombre
d'éléments peut varier, et je ne peux pas connaître son nombre, ni
leur valeur (ils sont générés dynamiquement).

Existe-t-il un moyen de sélectionner par une méthode quelconque en
Javascript la DERNIERE valeur de ma liste déroulante ?

EX :
====================================== >> <select name="maListe" id="maListe">

<option value="bleu">bleu</option>
<option value="blanc">blanc</option>
<option value="rouge">rouge</option>

</select>
====================================== >>
Sachant que je ne connais à l'avance ni le nombre de valeurs de ma
liste déroulante, ni leur valeur, comment faire en Javascript pour
sélectionner directement la valeur "rouge" ?

Merci d'avance pour vos réponses.

Mr Prout !

Salut Prout (pardon ;) )

<form name="formulaire">
<select name="liste" >
<option>bleu</option>
<option>blanc</option>
<option>rouge</option>
</select>
</form>

<script type="text/javascript">
document.getElementById('liste').selectedIndex=document.getElementById('liste').length-1;

</script>

Voilou

<form name="formulaire">
<select name="liste" >
<option>bleu</option>
<option>blanc</option>
<option>rouge</option>
</select>
</form>

<script type="text/javascript">
document.getElementById('liste').selectedIndex=document.getElementById('liste').length-1;

</script>

Voilou

J'oubliai ! Dans le select il faut mettre le maramètre id="liste" , bien
sûr.

document.getElementById('liste').selectedIndex=document.getElementById('liste').length-1;

tout bêtement :

var f = document.forms['formulaire'].elements['liste'];
f.selectedIndex = f.length-1;

ASM wrote:

document.getElementById('liste').selectedIndex=document.getElementById('liste').length-1;

tout bêtement :

var f = document.forms['formulaire'].elements['liste'];
f.selectedIndex = f.length-1;

C'est exactement la même chose.

ASM wrote:

document.getElementById('liste').selectedIndex=document.getElementById('liste').length-1;

tout bêtement :

var f = document.forms['formulaire'].elements['liste'];
f.selectedIndex = f.length-1;

C'est exactement la même chose.

Même si le résultat obtenu pourrait être le même

Non, absolument pas !

car là on utilise ce qui a été donné c'est à dire les noms des elements
et non pas les ids (oubliés de temps en temps)

D'autre part on ne s'adresse pas aux mêmes collections d'éléments.

Seul IE (pas vérifié avec celui Mac)
se mélange alégrement (comme d'hab) et attrape les trucs par leurs noms
s'ils n'ont pas d'id, bien qu'on lui ait stipulé 'get Element By Id' ...

Même pour une requête aussi bête (les IDs),
on ne peut lui faire confiance.

car là on utilise ce qui a été donné c'est à dire les noms des elements
et non pas les ids (oubliés de temps en temps)

ASM wrote:

car là on utilise ce qui a été donné c'est à dire les noms des elements
et non pas les ids (oubliés de temps en temps)

Oups, toute mes excuses je n'avais pas fait attention.

regarde son code initial , l'id est là aussi ;)

id="maListe"