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

Version imprimable

11/03/2010, 10h03
islyoung2

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

Bonjours;
J'ai un select multiple qui contient un nombre considérable d'éléments (une dizaine de millier :aie:) 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
11/03/2010, 10h05
SpaceFrog

Citation:

(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 ...
11/03/2010, 10h13
islyoung2

Citation:

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.
11/03/2010, 10h17
SpaceFrog

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
11/03/2010, 10h21
islyoung2

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
11/03/2010, 10h28
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 ...
11/03/2010, 10h33
islyoung2

Citation:

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
11/03/2010, 10h43
SpaceFrog

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
11/03/2010, 10h48
islyoung2

Citation:

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

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

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

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