Ordonner les élements d'un select par ordre alphabétique

**islyoung2** · 11/03/2010, 10h03

Bonjours;
J'ai un select multiple qui contient un nombre considérable d'éléments (une dizaine de millier

) et je voudrai les organiser par ordre alphabétique, actuellement je procède par trois étape;
1- faire une boucle et affecter tous les éléments de ce select à un tableau (array).
2- j'organise le tableau par sort().
3- je vide le select multiple.
4- faire une autre boucle et affecter tous les éléments du tableau vers ce select à nouveau.
le problème c'est que sa me prend un temps fou vu le nombre considérable d'éléments.
Je voudrais savoir si quelqu'un peut me guider vers une autre méthode plus souple et plus rapide merci

**SpaceFrog** · 11/03/2010, 10h05

(une dizaine de millier )

ils proviennent d'une table ???
si c'est la cas fais le sort coté serveur au moment de la requete...

De toute façon dans un tel cas de figure je preconiserais une auto-completion ajax , avoir une dizaine de milliers d'options est anto ergonomique ...

**islyoung2** · 11/03/2010, 10h13

Envoyé par SpaceFrog

ils proviennent d'une table ???
si c'est la cas fais le sort coté serveur au moment de la requete...

De toute façon dans un tel cas de figure je preconiserais une auto-completion ajax , avoir une dizaine de milliers d'options est anto ergonomique ...

Merci pour votre réponse
Oui effectivement ils proviennent d'une table, en faite au chargement de la page ils sont bien organisés, mais l'utilisateur à la possibilité de retirer ou remettre des éléments de cette liste donc dé qu'il retire un élément puis il le remet je dois le placer dans le bon endroits c'est pour sa que je réorganise les éléments par javascript.

**SpaceFrog** · 11/03/2010, 10h17

si tu tiens absolument a conserver toues les options tu as selon moi trois possibilités pour gagner du temps :

avoir les différents ordres de tri préhcargés dans des arrays, c'est a dire que tu fais les requetes coté php et que tu passes les différents arrays triès à js ...

recharger la page lors de la demande de tri et faire la requete triée à la demande

ou encore faire la requete en ajax et en recupérant les données triées

**islyoung2** · 11/03/2010, 10h21

Merci pour votre réponse;
En faite ce que je cherche précisément, es qu'il y a un moyen de récupérer tous les éléments d'un select dans un Array sans faire une boucle et les affecté une par une pars que en faite c'est ce qui me cause les lenteurs, ces les deux boucles que j'effectue avant et après organisation du tableau

**SpaceFrog** · 11/03/2010, 10h28

c'est une erreur de conception au départ ...
c'est le select qui doit être issu de l'array et non l'inverse ...

**islyoung2** · 11/03/2010, 10h33

Envoyé par SpaceFrog

c'est une erreur de conception au départ ...
c'est le select qui doit être issu de l'array et non l'inverse ...

Même si c'est le cas sa va m'emmener à faire la même chose affecter les éléments de l'array au select par une boucle, donc au meilleur des cas sa me divise les lenteur en deux mais sa reste toujours pénalisant.
Je comprend par vos réponse qu'il n'ya pas un moyen d'affecté les éléments d'un select à un Array sans passé par une boucle.
Merci pour vos réponses

**SpaceFrog** · 11/03/2010, 10h43

Tout depend de l'array ...
on peut voir la boucle de creations des options ...
il y a peut être une solution

on peut gagner du temps avec un cloneNode
il y a d'autres astuces

**islyoung2** · 11/03/2010, 10h48

Envoyé par SpaceFrog

Tout depend de l'array ...
on peut gagner du temps avec un cloneNode
il y a d'autres astuces

Vous pouvez développer un peut plus je pense qu'elle est intéressante cet méthode merci

**SpaceFrog** · 11/03/2010, 11h07

une méthode consisterait à boucler mais pour concatener un innerHTML

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
<script type="text/javascript">
var mesoptions=new Array()
var i=0
while (i++<30000){
mesoptions.push("option "+(i-1));
}
function populateSelect(){
var allopts=""
var blancopt='<option value="¤¤¤">¤¤¤</option>'
i=0;
while(mesoptions[i++]){
	allopts+=blancopt.replace(/¤¤¤/g,mesoptions[i-1])
	}
document.getElementById('foo').innerHTML=allopts	
 
}
</script>
</head>
<body>
<select id="foo">
</select>
<input type='button' onclick="populateSelect()" value="go" />
</body>
</html>

Mais elle ne fonctionne pas sous IE ... Contrairement à ce que certains on pu me soutenir par ailleurs ... innerHTML n'est pas la panacée ...

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
 
<script type="text/javascript">
var mesoptions=new Array()
var i=0
while (i++<300){
mesoptions.push('<option value="option'+(i-1)+'">option'+(i-1)+'</option>');
}
mesoptions.join('')
 
function populateSelect(){
document.getElementById('foo').innerHTML=mesoptions	
}
</script>
</head>
<body>
<select id="foo">
 
</select>
<input type='button' onclick="populateSelect()" value="go" />
</body>
</html>

Mais toujours pas sous IE

Ordonner les élements d'un select par ordre alphabétique

JavaScript

Discussions similaires

Partager

Partager