Javascript + Liste déroulante <select>

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Javascript + Liste déroulante <select>

TomZ

Bonjour à tous :hello: ,

J'ai une question concernant du Javascript : dans ma page j'ai en fait une liste déroulante générée a partir d'une base de données.

Cette liste est du type
<SELECT name="" onchange="javascript:this.form.submit();" >
<OPTION>....
</SELECT>

J'aurais aimé savoir si le javascript permet de récupérer la taille de cette liste déroulante. Peu importe la manière si je dois d'abord parcourir tous les éléments puis incrémenter un compteur ou s'il y a une fonction spécifique.

Parce qu'en fait je voudrais trier les éléments de cette liste par ordre alphabetique ce que la requete ne permet pas de faire puisque je fais un order_by indexXX qui lui fait ensuite référence à un fichier de traduction qui créer la liste. Comme selon les langues les traductions changent, est-il donc possible de trier cette liste en javascript. (tout d'abord en récupérant la taille).

Merci par avance.

Message édité par TomZ le 22-11-2006 à 17:57:03

Publicité

FlorentG

C'est pas bien de faire comme ça, il faut un bouton submit pour ceux qui naviguent au clavier ou ceux qui ont le focus sur la select.

TomZ

Le problème est que c'est de l'existant donc je dois m'adapter à ce qui est fait.

Ya t-il donc une solution?

FlorentG

En comptant le nombre d'options, avec un getElementsByTagname + un length

TomZ

Pourrais tu être plus précis en me donnant un exemple s'il te plaît.
Merci d'avance

FlorentG

Déjà rajoute un id sur ton select, genre "tagada", ensuite faut faire genre :

var nombreOption = document.getElementById("tagada" ).getElementsByTagname('option').length

J'espère que c'est pour un intranet :sweat:

anapajari

s/travail/glanding on hfr/gs;

pour le coup j'aurais pas fait de getElementsByTagName mais direct utilisé le tableau options:

Code :

var nombreOption = document.getElementById("tagada" ).option.length

FlorentG

ah ouais [:dawa]

TomZ

Voilà j'ai mon code :

Code :

<html>
<head>
<title>Test de tri</title>
<script language="javascript">
function test()
{
var nombreOption = document.getElementById("liste" ).option.length
alert(nombreOption);
}
</script>
</head>
<body>
<select name="liste_test" onChange="test()" id="liste">
<option name="1" value="Bonjour">Bonjour
<option name="2" value="Au revoir">Au revoir
<option name="3" value="Test">Test
<option name="4" value="Vitesse">Vitesse
</select>
</body>
</html>

Mais ile me sort le message d'erreur suivant :

Code :

Erreur : document.getElementById("liste" ).option has no properties
Ligne : 42

Avez vous une idée ?

Message édité par TomZ le 22-11-2006 à 18:38:08

TomZ

Visiblement j'ai fait des tests

Code :

var nombreOption = document.getElementById("liste" ).length

suffit

Merci à tous

Message cité 1 fois
Message édité par TomZ le 22-11-2006 à 18:48:50

Publicité

TomZ

Seconde question peut être. Comment stocker tous les éléments de la liste dans un tableau à une dimension.

Tout cela dans le but de trier la liste déroulante en javscript. Est-il vraiment possible de le faire?

Message édité par TomZ le 22-11-2006 à 18:58:41

FlorentG

TomZ a écrit :

Visiblement j'ai fait des tests

Code :

var nombreOption = document.getElementById("liste" ).length

suffit

Merci à tous

Pour l'erreur problème, tu devrais commencer par regarder dans la documentation (HTMLSelectElement), qui spécifie que c'est options, pas option.

TomZ

Merci pour le prblème c'et réglé.

Cependant avant de me lancer dans n'importe quoi j'aurais aimé savoir s'il était possible de ré-organiser une liste déroulante (générée à partir d'une base de données) avec du Javascript.

Merci par avance

FORUM HardWare.fr

Programmation

HTML/CSS

Javascript + Liste déroulante <select>

Sujets relatifs
changer focus d'un select en fonction choix autre select	charger un xml avec un template xsl en javascript ? [résolu]
Utiliser SET mais avec une liste (SET IN etc...)	gestion d'une liste d'attente ??
javascript dans chemin xml	Erreur javascript aléatoire
erreur execution javascript	Pb Ajax/Javascript
javascript lien favorie souligné.	[Javascript] disabled/enabled une liste déroulante (balise SELECT)
Plus de sujets relatifs à : Javascript + Liste déroulante <select>

Page générée en 0.060 secondes