changer la valeur selectionne dans un select

**eyolas** · 21/05/2007, 17h34

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

Code :

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

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

**SpaceFrog** · 21/05/2007, 17h37

Code :

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

selectedIndex

**eyolas** · 21/05/2007, 17h38

marche pas avec selectedIndex

**SpaceFrog** · 21/05/2007, 17h44

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

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

J'adooooooooore

pingouin va !!

**eyolas** · 21/05/2007, 17h55

dsl mais ca marche pas sous firefox

**SpaceFrog** · 21/05/2007, 20h15

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

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

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

changer la valeur selectionne dans un select

JavaScript

Discussions similaires

Partager

Partager