[Javascript] Liste déroulante avec valeurs non cliquables.

**SONY30** · 23/02/2007, 09h17

Bonjour,

Je voudrais réaliser une liste déroulante (<Select>) avec des valeurs non cliquables du style.

Valeur 1
-- Valeur 1.1
-- Valeur 1.2
-- Valeur 1.3
Valeur 2
-- Valeur 2.1
Valeur 3
-- Valeur 3.1
-- Valeur 3.2

J'aimerais que lors du clic sur les valeurs de haut niveau (1,2,3) rien ne se passe (ça je sais faire, "return false") mais qu'également la liste déroulante reste ouverte ! Et ça je ne vois pas comment faire...

Merci d'avance.

**SpaceFrog** · 23/02/2007, 09h33

size ?

**SONY30** · 23/02/2007, 09h39

Envoyé par SpaceFrog

size ?

Pardon ?

Ah ok je vois ce que tu veux dire, mais je parlais d'une liste déroulante sous forme de Combo.

**SpaceFrog** · 23/02/2007, 09h43

utilise le size du select ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<select onchange="this.size=this.options.length">
<option>sqqfq</option>
<option>sqqfq</option>
<option>sqqfq</option>
<option>sqqfq</option>
<option>sqqfq</option>
<option>sqqfq</option>
<option>sqqfq</option>
<option>sqqfq</option>
<option>sqqfq</option>
<option>sqqfq</option>
<option>sqqfq</option>
</select>

**SONY30** · 23/02/2007, 09h45

Oui effectivement mais dans ce cas je ne suis plus dans une liste déroulante sous forme de Combo.

**SpaceFrog** · 23/02/2007, 09h48

alors tu n'auras pas d'autre choix que de programmer une liste déroulante perso ...

**SONY30** · 23/02/2007, 09h54

Envoyé par SpaceFrog

alors tu n'auras pas d'autre choix que de programmer une liste déroulante perso ...

Ok. c'est bien ce qu'il me semblait.
Merci pour ton attention.

**Auteur** · 23/02/2007, 10h12

bonjour,

avec les optgroup ?

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<select size="1" id="combo">
  <optgroup label="Valeur 1">
    <option value="">Valeur 1.1</option>
    <option value="">valeur 1.2</option>
  </optgroup>
 
  <optgroup label="Valeur 2">
    <option value="">Valeur 2.1</option>
    <option value="">valeur 2.2</option>
    <option value="">valeur 3.2</option>
  </optgroup>
 
</select>

Par contre je crois qu'IE ne reconnait pas cette balise, à voir

**SONY30** · 23/02/2007, 10h17

Fabuleux !
ça m'a l'air de fonctionner avec IE et Firefox.
Je connaissais pas cette balise optgroup.

Merci beaucoup.

**SpaceFrog** · 23/02/2007, 10h22

J'ai pas compris la question alors ...

le select ne reste pas ouvert ???
Je me suis concentré la dessus pas sur les options ...

**Auteur** · 23/02/2007, 10h26

Envoyé par SONY30

J'aimerais que lors du clic sur les valeurs de haut niveau (1,2,3) rien ne se passe (ça je sais faire, "return false") mais qu'également la liste déroulante reste ouverte ! Et ça je ne vois pas comment faire...

Envoyé par SpaceFrog

J'ai pas compris la question alors ...

le select ne reste pas ouvert ???
Je me suis concentré la dessus pas sur les options ...

J'ai fait l'inverse

**SpaceFrog** · 23/02/2007, 10h28

et on ne peut pas combiner nos deux propositions

donc on en revient au select perso ?

**Auteur** · 23/02/2007, 10h29

en fait lorsque tu cliques sur les titres des groupes, la liste reste ouverte, je crois que c'est ce que voulait Sony

**SONY30** · 23/02/2007, 10h30

Oui oui tout à fait. Auteur a répondu totalement à mon besoin initial; à savoir : Avoir des titres non cliquables dans un select de type combo.

**SpaceFrog** · 23/02/2007, 10h36

ha ?
heu mais même sans cliquer un select normal reste ouvert ...
le comportement n'est pas différent avec optgroup ...

quand on clique ça se ferme...

Enfin l'essentiel est que la solution convienne

[Javascript] Liste déroulante avec valeurs non cliquables.

JavaScript

Discussions similaires

Partager

Partager