renseigner un champs texte d'apres un select

**asmar** · 05/01/2010, 16h11

bjr jai un probleme dans un code javascript voila la question:Ecrivez un script javascript comprenant une liste déroulante et un champs de texte. La liste
déroulante sera composée de nom de pays. Quand on sélectionnera un pays de la liste, la capitale s’affichera dans le champs de texte.et voila le code que j'ai mi mais ça donne rien et je comprend pa pourquoi .svp aidez moi et merci d'avance.

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
<html>
<head>
<title>Test</title>
<script language="javascript" type="text/javascript">
<!--
function capitale(form1){
if (form1.list.(selectedIndex+1)=1);
form1.txtCapitale.value="Rabat";
else
if (form1.list.(selectedIndex+1)=2);
form1.txtCapitale.value="Paris";
else
if (form1.list.selectedIndex(selectedIndex+1)=3);
form1.txtCapitale.value="Rome";
else
if (form1.list.selectedIndex(selectedIndex+1)=4);
form1.txtCapitale.value="Madrid";
}
//-->
</script>
</head>
<body>
 <form name="form1">
  <select name="list" onchange="capitale(form1)">
  <option value="1">Maroc</option>
  <option value="2">France</option>
  <option value="3">Italie</option>
  <option value="4">Espagne</option>
  </select>
  <br>
  <input type="text" name="txtCapitale">
 
 </form>
 
 </body>
 
</html>

**SpaceFrog** · 05/01/2010, 16h25

Le switch est tout a fait indiqué pour ces cas de figure

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
<html>
<head>
<title>Test</title>
<script language="javascript" type="text/javascript">
<!--
function capitale(sel){
var capitale=""
switch (sel) {
 case "1" : capitale= "Rabat"
            break;
 case "2" : capitale= "Paris"
            break;
 case "3" : capitale= "Rome"
            break;
 case "4" : capitale= "Madrid"
            break;
 default:   capital="";}
 document.getElementsByName("txtCapitale")[0].value=capitale;}
 
 
 
 
//-->
</script>
</head>
<body>
 <form name="form1">
  <select name="list" onchange="capitale(this.value)">
  <option value="-1">selectionnez le pays</option>
  <option value="1">Maroc</option>
  <option value="2">France</option>
  <option value="3">Italie</option>
  <option value="4">Espagne</option>
  </select>
  <br>
  <input type="text" name="txtCapitale">
 
 </form>
 
 </body>
 
</html>

**kernelfailure** · 05/01/2010, 18h43

A ce stade, un tableau (associatif ou non) serait aussi bien :

Code :

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

1
2
3
4
5
function capitale(sel) {
if (sel < 0) return;
var caps = ['',"Rabat","Paris","Rome","Madrid"];
document.getElementsByName("txtCapitale")[0].value=caps[parseInt(sel)]
}

Pour les values :
Pourquoi ne pas avoir commencé à 'zéro' ?
Pourquoi ne pas mettre directement le nom des capitales en value des options ?

**Bovino** · 05/01/2010, 19h40

Mouais... il y a plus simple selon moi :

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
<html>
<head>
<title>Test</title>
<script language="javascript" type="text/javascript">
<!--
function capitale(valeur){
document.getElementById('resultat').value = valeur == '0' ? '' : valeur;
}
//-->
</script>
</head>
<body>
 <form name="form1">
  <select name="list" onchange="capitale(this.value)">
  <option value="0">Voir la capitale</option>
  <option value="Rabat">Maroc</option>
  <option value="Paris">France</option>
  <option value="Rome">Italie</option>
  <option value="Madrid">Espagne</option>
  </select>
  <br>
  <input type="text" name="txtCapitale" id="resultat" />
 
 </form>
 
 </body>
 
</html>

**kernelfailure** · 05/01/2010, 22h37

Bah oui.
Et mettre le code direct dans le onchange tant qu'à faire

Code :

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

1
2
3
4
<select name="list" onchange="document.getElementById('resultat').value = this.value">
<option value="">Voir la capitale</option>
<option value="Rabat">Maroc</option>
etc...

**SpaceFrog** · 06/01/2010, 09h17

je préfère toute fois rester sur le switch principalement pour deux raisons:
* on peut avoir besoin du value pour autre chose et donc ça le monopolise avec le nom de la capitale
* je trouve et ce n'est qu'un avis personnel plus facile de mettre à jour un switch qu'un array dans la version array

sinon niveau optimisation il est clair que ce n'est pas la meilleure solution. Je suis dans l'optique maintenance.

renseigner un champs texte d'apres un select

JavaScript

Vue hybride

Discussions similaires

Partager

Partager