Discussion :

[MInfo25]

Bonjour
J'ai fait le tour des tuto et forum sans succès, aidez moi, j'aimerais créer une liste déroulante en cascade, voici mon code :

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
<select name="disponibilite" onChange='Choix(this.form)'>
	   <option value="0" selected="">Immédiatement</option>
	   <option value="1">A partir de...</option>
	   <option value="1">Janvier</option>
	   <option value="2">Février</option>
	   <option value="3">Mars</option>
	   <option value="4">Avril</option>
	   <option value="5">Mai</option>
	   <option value="6">Juin</option>
	   <option value="7">Juillet</option>
	   <option value="8">Aout</option>
	   <option value="9">Septembre</option>
	   <option value="10">Octobre</option>
	   <option value="11">Novembre</option>
	   <option value="12">Décembre</option>
	</select>

J'aimerais que dans un premier temps pn puisse pour choisir 2 options : Immédiatement & A partir de...
Et dès qu'on choisi l'option "A partir de..." la liste des mois de l'année doit apparaître pour pouvoir choisir le mois.

Comment faire cela ? Merci

[Invité]

Bonjour,

1/ Le plus simple et ergonomique est de séparer :

• 2 input radio "Immédiatement" & "A partir de..."
• Et la liste des mois de l'année

2/ Autre solution très simple :

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
<select name="disponibilite" onChange='Choix(this.form)'>
	   <option value="0" selected="">Immédiatement</option>
 
	   <option value="1">A partir de...Janvier</option>
	   <option value="2">A partir de...Février</option>
	   <option value="3">A partir de...Mars</option>
	   <option value="4">A partir de...Avril</option>
	   <option value="5">A partir de...Mai</option>
	   <option value="6">A partir de...Juin</option>
	   <option value="7">A partir de...Juillet</option>
	   <option value="8">A partir de...Aout</option>
	   <option value="9">A partir de...Septembre</option>
	   <option value="10">A partir de...Octobre</option>
	   <option value="11">A partir de...Novembre</option>
	   <option value="12">A partir de...Décembre</option>
	</select>

[danielhagnoul]

Autre solution :

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
15
16
17
18
19
<select>
  <optgroup label="Immédiatement">
    <option value="0" selected>Immédiatement</option>
  </optgroup>
  <optgroup label="A partir de...">
    <option value="1">Janvier</option>
    <option value="2">Février</option>
    <option value="3">Mars</option>
    <option value="4">Avril</option>
    <option value="5">Mai</option>
    <option value="6">Juin</option>
    <option value="7">Juillet</option>
    <option value="8">Aout</option>
    <option value="9">Septembre</option>
    <option value="10">Octobre</option>
    <option value="11">Novembre</option>
    <option value="12">Décembre</option>
  </optgroup>
</select>

[Invité]

@danielhagnoul

Bien vu !