changer la valeur selectionne dans un select

Version imprimable

J'aimerai changer la valeur selectionné de mon select.
Je fais ceci mais ca ne marche pas

Code:

1
2
3
4
5
6
7
var selectBoxProj = document.choixtacheemp.choixprojet;
    for( var i = 0; i < selectBoxProj.options.length; i++ ) 
    {
        selectBoxProj.options[ i ].selected = false;
        if( selectBoxPro.options[ i ].value == valeur) )
            selectBoxProj.options[ i ].selected = true;
    }

21/05/2007, 17h37
SpaceFrog

Code:

selectedIndex

:idea:
21/05/2007, 17h38
eyolas

marche pas avec selectedIndex

Non tu as raison ça ne marche pas ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<body>
<select>
</select>
 
</body>
<script type='text/javascript'>
 
for (i=0;i<200;i++){
 
var monselect =document.getElementsByTagName('select')[0]
monselect.options.length=i+1;
monselect.options[i].value="i"
monselect.options[i].innerHTML="option "+i;
monselect.selectedIndex=50
}
 
</script>
 
</html>

:mouarf3:

J'adooooooooore

pingouin va !! :king:

21/05/2007, 17h55
eyolas

dsl mais ca marche pas sous firefox

En general quand je dis qu'une propriété fonction sous IE et FFX ...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <script type='text/javascript'> function populate(){ for (i=0;i<200;i++){ var monselect =document.getElementsByTagName('select')[0] monselect.options.length=i+1; monselect.options[i].value="i" monselect.options[i].innerHTML="option "+i; } setTimeout(function(){monselect.selectedIndex=50},100) } </script> </head> <body onload='populate()'> <select> </select> </body>
Explication du pourquoi la version précédente ne marchait pas :
1- utilisation incorrecte de innerText non reconnue par FFX innerHTL marche très bien
2- le selectedIndex n'est pas pris e ncompte tout de suite car les options ne sont pas encore intégrées ... javascript est lent il faut lui laisser le temps de compter ses option :grin: d'ou le setTimeout ...

autre possibilité qui fonctionne tout aussi bien :
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 26 <script type='text/javascript'> function populate(){ for (i=0;i<200;i++){ var monselect =document.getElementsByTagName('select')[0] var newoption=document.createElement('option'); newoption.value="i" newoption.innerHTML="option "+i; //monselect.options.length=i monselect.appendChild(newoption) } setTimeout(function(){monselect.selectedIndex=50},100) //alert(monselect.options.length) } </script> </head> <body onload='populate()'> <select > </select> </body> </html>