Masquer une partie d'un formulaire

**crazydiver_e2** · 06/01/2006, 10h57

Bonjour,
Je dispose d'un formulaire comportant une liste déroulante. Si l'utilisateur sélectionne l'option "Autre", je souhaite afficher un champ ou l'utilisateur devra rentrer du texte.

L'événement OnChange est utilisé pour faire un calcul concernant un pourcentage et l'afficher dans le champ correspondant.

Voici la partie du code du formulaire :

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
 
<tr>
  <td>
    <img src="images/puce.gif" />Compétence 1:
      <select name="Competence1" onChange="CalculPourCent()">
        <option value="1"></option>
        <option value='49'>Acoustique environnementale & perception</option>
        <option value='43'>Dynamique et vibrations des structures</option>
        <option value='45'>Management</option>
        <option value='44'>Support</option>
        <option value='282'>Autre</option>
      </select>
  </td>
</tr>   
<tr>
  <td>
    <img src="images/puce.gif" />Si "Autre", précisez : 
    <input name="AutreComp1" type="text" value="" size="50" maxlength="255" />
  </td>
</tr>
<tr>
  <td>Pourcentage de compétence 1 :
    <input type="text" name="PourCentComp1" value="50" size="2" readonly="true">
  </td>
</tr>

Comment cacher la ligne comportant le champ "AutreComp1" et ne l'afficher que lorsque l'utilisateur sélectionne l'option "Autre" ?

Merci de vos réponses.

Invité · 06/01/2006, 11h01

ce n'est pas parce que l'evenement onchange sert deja à autre chose que tu ne peux pas l'utiliser pour ça.

au depart, tu crées un champ texte que tu n'affiches pas (display:none). puis sur le onchange, si la value est 282 tu changes la propriete CSS style.display, et voilou

**crazydiver_e2** · 06/01/2006, 11h09

Merci pour ta réponse rapide.

Mais ... quand "autre" n'est pas selectionné, la ligne est réservée, ce qui fait comme si on sautait une ligne.

: Je souhaiterais ne pas avoir de ligne vide sous ma liste déroulante.

J'ai aissayé avec un document.write dans une fonction lancée par le OnChange, mais ça me l'écrit dans une nouvelle page.

Invité · 06/01/2006, 11h29

pas tout compris là...

ce code fait-il ce que tu veux

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
</head>
<body>
	<form>
		<select onchange="if(this.value == '282') {document.getElementById('lInput').style.display='inline';} else {document.getElementById('lInput').style.display='none';}">
			<option value="28">toto</option>
			<option value="282">autre</option>
			<option value="82">titi</option>
		</select><input type="text" id="lInput" style="display:none" />
		du texte !!
	</form>
</body>
</html>

:

**crazydiver_e2** · 06/01/2006, 11h36

MERCI

Je ne connaissais pas InLine...

Encore merci

Masquer une partie d'un formulaire

JavaScript

Discussions similaires

Partager

Partager