[JS] formulaire

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

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, 09h41

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, 09h53

oué,je le sais

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

merci

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

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, 10h05

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, 10h36

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, 12h34

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, 12h42

mets un div et modifie son innerHTML

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

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, 13h51

NON C BON

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

dsl

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

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

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

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, 15h05

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

[JS] formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager