[JS] formulaire

**leclone** · 02/08/2007, 07h57

bonjour a tous,

voila, je ne connais presque pas le JS

j'ai un menu déroulant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<?php
<select name='choix'>
<option>CDI</option>
<option>CDD</option>
<option>INTERIM</option>
<option>STAGE</option>
<option>PROFESSIONNALISATION</option>
<option>APPRENTISSAGE</option>
</select>
?>

en fonction du choix, je voudrais qu'un certains nombres de choix apparaissent
par exemple, si on choisit CDI, 3 possibilités doivent apparaître (Création, Remplacement ou Tranformation d'un CDD)
si on choisit CDD, 2 possibilités apparaissent (Création ou Renouvellement)
etc...
le probleme c'est que je ne connais pas du tout le JS et je ne sais pas du tout comment faire

est ce que quelqu'un peut m'aider

merci d'avance

salutations.

**SpaceFrog** · 02/08/2007, 08h41

des problèmes ... tout ceux qui postent ici en ont ...
avec javascript ...
heureusement car ça aurait été avec une recette de crèpes suzettes tu n'aurais pas été sur le bon forum ...
Merci de lire les règles du forum concernant les titre des post ...
http://club.developpez.com/regles/

**leclone** · 02/08/2007, 08h53

oué,je le sais

mais est ce que tu aurais des pistes pour moi resoudre le probleme??

merci

**SpaceFrog** · 02/08/2007, 08h58

On va commencer soft ...

premièrement ton code n'a aucune chance de s'afficher puiqu'il est entre balises php ...

Code :

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

1
2
3
4
5
6
7
8
9
10
<?php
<select name='choix'>
<option>CDI</option>
<option>CDD</option>
<option>INTERIM</option>
<option>STAGE</option>
<option>PROFESSIONNALISATION</option>
<option>APPRENTISSAGE</option>
</select>
?>

ensuite tes options n'ont pas de value ... et il serait préférable d'avoir un id à ton select ...
Pour continuer quand tu dis :

3 possibilités doivent apparaître

sous quelle forme ? un autre select ? des boutons radios ? des checkboxes ?
et apparaitre où ?

**leclone** · 02/08/2007, 09h05

tout doit se faire sur la meme page, si possible

une fois le choix effectué, un certains nombres de proposition doivent apparaitre. Dans tous les cas, je dois faire apparaitre des boutons radios

**SpaceFrog** · 02/08/2007, 09h36

un exemple:

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<script type='text/javascript'>
function showChoice(lechoix){
var affiche ="";
switch(lechoix){
					case ('a') : affiche="123";
					           break;
					case ('b') : affiche="24";
					           break;
					case ('c') : affiche="245";
					           break;
					case ('d') : affiche="135";
					           break;
					case ('e') : affiche="2345";
					           break;
					case ('f') : affiche="15";
					           break;
					}           
 
var listesouschoix=document.getElementsByName('souschoix');
for(i=0;i<listesouschoix.length;i++){
       var here =(affiche.indexOf(i)>-1)?'':'none';
		listesouschoix[i].style.display= here;
		document.getElementById("label"+(i*1+1)).style.display=here;
		}
		}           
 
</script>           
</head>
 
<body>
<select name='choix' id='choix' onchange="showChoice(this.value)">
<option value='a'>CDI</option>
<option value='b'>CDD</option>
<optionvalue='c'>INTERIM</option>
<option value='d'>STAGE</option>
<option value='e'>PROFESSIONNALISATION</option>
<option value='f'>APPRENTISSAGE</option>
</select><br />
<input type='radio' name="souschoix" id="souschoix1" style="display:none;" value="machin chose 1" /><label for="souschoix1" id="label1" style="display:none;" >sous choix 1</label>
<input type='radio' name="souschoix" id="souschoix2" style="display:none;" value="machin chose 2" /><label for="souschoix2" id="label2" style="display:none;" >sous choix 2</label>
<input type='radio' name="souschoix" id="souschoix3" style="display:none;" value="machin chose 3" /><label for="souschoix3" id="label3" style="display:none;" >sous choix 3</label>
<input type='radio' name="souschoix" id="souschoix4" style="display:none;" value="machin chose 4" /><label for="souschoix4" id="label4" style="display:none;" >sous choix 4</label>
<input type='radio' name="souschoix" id="souschoix5" style="display:none;" value="machin chose 5" /><label for="souschoix5" id="label5" style="display:none;" >sous choix 5</label>
</body>
 
</html>

**leclone** · 02/08/2007, 11h34

ok merci

pas contre si l'utilisateur choisit INTERIM ou STAGE ou PROFESSIONNALISATION ou APPRENTISSAGE, j'aimerais qu'un champ texte apparaît, mais je ne sais pas comment m'y prendre

est ce que tu peux me donner une dernière information, est ce que ca marche comme un input type='text' normal?

merci d'avance

ciao

**SpaceFrog** · 02/08/2007, 11h42

mets un div et modifie son innerHTML

**leclone** · 02/08/2007, 12h44

c encore moi

j'ai mis le script dans mon formulaire qui est en php. Voila ce que ca donne :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?php
echo "<tr>
    <td width='100%' height='13' colspan='2'><font face='Times New Roman'>Nature du poste : 
        <select name='choix' id='choix' onchange='showChoice(this.value)'>
<option selected>-----------Sélectionnez-----------</option>
<option value='a'>CDI</option>
<option value='b'>CDD</option>
<option value='c'>INTERIM</option>
<option value='d'>STAGE</option>
<option value='e'>PROFESSIONNALISATION</option>
<option value='f'>APPRENTISSAGE</option>
</select><br>
<input type='radio' name='souschoix' id='souschoix1' style='display:none;' value='machin chose 1' /><label for='souschoix1' 

id='label1' style='display:none;' >sous choix 1</label>
<input type='radio' name='souschoix' id='souschoix2' style='display:none;' value='machin chose 2' /><label for='souschoix2' 

id='label2' style='display:none;' >sous choix 2</label>
<input type='radio' name='souschoix' id='souschoix3' style='display:none;' value='machin chose 3' /><label for='souschoix3' 

id='label3' style='display:none;' >sous choix 3</label>
<input type='radio' name='souschoix' id='souschoix4' style='display:none;' value='machin chose 4' /><label for='souschoix4' 

id='label4' style='display:none;' >sous choix 4</label>
<input type='radio' name='souschoix' id='souschoix5' style='display:none;' value='machin chose 5' /><label for='souschoix5' 

id='label5' style='display:none;' >sous choix 5</label>
        </font>
      
      <p><font face='Times New Roman'>* En cas de stage, le stagiaire est-il assuré par l'établissement
      scolaire ?</font> oui ou non</p>
    </td>
  </tr> " ;
?>

le probleme c'est que quand je choisi un élément dans le menu déroulant, rien ne s'affiche en dessous, il n'y a pas de sous choix qui apparait

c'est surement un probleme de codage

**leclone** · 02/08/2007, 12h51

NON C BON

j'avais changer un truc qu'il ne fallait pas

dsl

**SpaceFrog** · 02/08/2007, 12h53

je ne comprends vraiment pas pourquoi tu mets tout entre balises php pour en faire un echo ...

**leclone** · 02/08/2007, 14h00

parce que c'est un formulaire en php
pour pas mal de champs, je suis obliger de faire une connexion a ma base de donnees mysql pour recuperer des informations. Donc je met tout le formulaire en php

**SpaceFrog** · 02/08/2007, 14h05

pas besoin ... ne mets que les éléments issus de la base entre balises php ..

[JS] formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager