Liste déroulante en cascade

Version imprimable

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:

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

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:

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>

:salut:

Autre solution :

Code:

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>

27/04/2017, 11h34
Invité

@danielhagnoul

Bien vu ! ;)