Discussion :

[flavors]

Bonjour,

Je souhaiterais avoir une liste déroulante dont le nombre d'éléments visibles est limité (avec une scroll bar).
J'ai trouvé sur cette discussion un bout de code qui remplie parfaitement cette tâche : http://stackoverflow.com/questions/8...elect-dropdown.
Le Probléme ... c'est qu'il fait planter internet explorer.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
$("#idSel").on("mousedown", function(e) {
        selecteur = document.getElementById("idSel");
        taille = selecteur.length;
        if (taille > 5) {
            selecteur.size = 5;
            }
        }
$("#idSel").on("change", function() {
        document.getElementById("idSel").size = 1;
        });

Sur cette même discussion quelqu'un a proposé une solution que je n'ai pas vraiment compris et que je n'ai pas reussi à mettre en pratique.

Quelqu'un aurait une solution au probléme avec Internet Explorer? Ou une autre idée pour obtenir un liste déroulante avec un nb de resultat affiché limité?

Merci.

EDIT : J'ai oublié de préciser à quel moment le crash apparait sous IE.
Lors du clic pour déplier la liste, on obtient bien le nombre d'éléments voulus avec la scrollbar, mais au moment du clic pour selectionner la valeur, IE plante.

[SpaceFrog]

Code :

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

1
2
$("#idSel").on("mousedown", function(e) {
        selecteur = document.getElementById("idSel");

Heu sélecteur = $(this) ...


Mise en oeuvre :
https://fiddle.jshell.net/gm1av2m0/

[flavors]

Bonjour et merci pour votre réponse.

En effet cela semble plus approprié.

C'est effectivement le résultat que je cherche à avoir. Le seul probléme, c'est qu'il fait planter IE au moment de cliquer sur une valeur.

[SpaceFrog]

En effet ...

Encore une bonne raison de ne pas l'utiliser ?

Je regarde si je peux trouver un contournement ...

a priori c'est peine perdue
https://bugs.jquery.com/ticket/14751

[danielhagnoul]

Vous avez testé cette solution : https://jsfiddle.net/88cxzhom/27/

[flavors]

Bonjour.

Vous avez testé cette solution : https://jsfiddle.net/88cxzhom/27/

Je l'ai testé seulement lors du 1er clic, la liste se déroule en grand, ce n'est que pour les fois suivantes que ça marche.