Affichage contenu d'une variable dans JS

**tangjuncn** · 18/05/2006, 11h54

Bonjour tout le monde.
J'ai un petit souci dans mon appli.
Je dois utilise une fonction javascript pour que le contenu d'un champs B change quand la valeur d'un combo box A change.
comme j'ai des dizaines de lignes comme ça dans la page, je les ai nommé par un iterateur i. Je dois donc changer la valeur B0 quand A0 est modifie, B1 quand A1 est modifie etc.
Dans la fonction javascript,je passe le nom de ces champs par pamametre.
Quand A0 a un Onchange(), je recupere B0 que je dois modifier dans une variable comme var x.
Mais au moment où je veux modifier la valeur de B0, je fait document.forms[0].x.value =...
Il ne peut pas reconnaitre la valeur de x est B0 en fait.
Vous savez comment je peux arriver à acceder au contenu de variable?
Merci

**Swoög** · 18/05/2006, 12h01

Salut

et bien, si tu fournis la valeur de i (ici 0) tu peux faire ceci :

Code :

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

document.getElementsByName('B' + i)[0].value = ...

en plus c'est standard (donc plus propre que ta façon de faire ^^

**phplive** · 18/05/2006, 12h43

Bjr

Perso j'utilise jamais getElementByName() mais toujours getElementById()

Attention à la case !

document.getElementById('b0') n'est pas la même chose que
document.getElementById('B0') avec certains navigateurs !

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">
<html>
<head>
<script language="JavaScript">
<!--
function liste_change(lst)
{
 var nom= "B"+lst.id.substring(1,lst.id.length);
 var champ = document.getElementById(nom); 
 // Ou 
 // var champ = lst.form.elements[nom];
 champ.value ="Idx="+lst.selectedIndex+"  "+
                "Val="+lst.options[lst.selectedIndex].value+"  "+
                     "Txt="+lst.options[lst.selectedIndex].text;
}
//-->
</script>
</head>
<body>
<form>
<select id="A0" onchange="liste_change(this)">
<option value="A0_0">Liste A0 : 0</option>
<option value="A0_1">Liste A0 : 1</option>
</select>
<input type="text" id="B0" value="---" size="30"><br/>
<select id="A1" onchange="liste_change(this)">
<option value="A1_0">Liste A1 : 0</option>
<option value="A1_1">Liste A1 : 1</option>
<option value="A1_2">Liste A1 : 2</option>
</select>
<input type="text" name="B1" id="B1" value="---" size="30"><br/>
<select id="A2" onchange="liste_change(this)">
<option value="A2_0">Liste A2 : 0</option>
<option value="A2_1">Liste A2 : 1</option>
<option value="A2_2">Liste A2 : 2</option>
</select>
<input type="text" id="B2" value="---" size="30">
</form>
</body>
</html>

**tangjuncn** · 18/05/2006, 13h18

J'ai essaye avec by name, ca n'a pas l'air fonctionner, peut-etre j'ai fait des erreurs si vous le voyez
Merci

<tr><td width="23%" align="center">
<select name='item0' class='txt_style' onChange=getDescription2('0')>
<option >04590311</option>
<option >2100275</option>
<option >2100405</option>
<option >2100415</option>

function getDescription2(i){
alert(i);
document.getElementByName('Qty'+i).value=1;
document.forms[0].refresh.disabled=true;

}

**Swoög** · 18/05/2006, 13h21

il faut utiliser la syntaxe rectifiée, je m'étais trompé, j'ai édité...

**tangjuncn** · 18/05/2006, 13h38

ca roule.
Merci

Affichage contenu d'une variable dans JS

JavaScript

Discussions similaires

Partager

Partager