Passer le focus à une option d'un select multiple

**baoulox** · 26/02/2008, 16h13

Bonjour,

Voici mon problème :

j'ai une fonction javascript qui ajoute dynamiquement des options à un champ select multiple lorsque l'utilisateur fait une certaine action. Je souhaiterais que le focus se fasse sur l'option qui vient d'être ajoutée. Firefox le fait par défaut, mais pas pour IE.

Plus précisément voila ce qui se passe sous Firefox :

Alors que sous IE, le scroll ne se fait pas tout seul :

J'ai cherché un peu partout sur le net à la recherche d'un hack, en vain.

Voici le code en question :

Code :

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

1
2
3
4
var optionWaypoint = document.createElement("option");
optionWaypoint.text = "Pt " + circuit.nbPoints;
document.getElementById("selectWaypoints").options[circuit.nbPoints - 1] = optionWaypoint;
optionWaypoint.selected = "true";

J'ai aussi essayé de rajouter la ligne :

Code :

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

1
2
 
document.getElementById("selectWaypoints").selectedIndex = circuit.nbPoints - 1;

sans succès.

Voila, si quelqu'un a des idées ou connait une solution...

Merci

**SpaceFrog** · 26/02/2008, 16h14

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
27
28
<script type='text/javascript'>
function selectedvisible(index){
 
var Obj=document.getElementById('sel')
if(index>Obj.options.length-1){return false;}
if(index+Obj.size<Obj.options.length){
			Obj.selectedIndex=index+Obj.size;
			Obj.selectedIndex=index;
			}
else{Obj.selectedIndex=Obj.options.length-Obj.size;
 		Obj.selectedIndex=index;}
 
}
</script>
</head>
 
<body>
<select id='sel' size=10 >
<script type='text/javascript'>
for(i=0; i<100;i++){document.write("<option>"+i+"</option>");}
</script>
</select>
<input type='text' id="item" />
<input type="button" onclick="selectedvisible(document.getElementById('item').value)" value="selection"/>
 
</script>
 
</html>

**baoulox** · 26/02/2008, 16h58

Wow, ça fonctionne presque.

En fait, dans ton code il faut rajouter le focus sur le select pour que ça marche, je ne sais pas pourquoi :

Code :

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

1
2
var Obj=document.getElementById("selectWaypoints");
Obj.focus();

Merci beaucoup

**SpaceFrog** · 26/02/2008, 17h04

sous FFX peut être ?
je n'ai pas rencotré ce problème, mais merci de l'avoir signalé

Passer le focus à une option d'un select multiple

JavaScript

Discussions similaires

Partager

Partager