Affichage contenu d'une variable dans JS

Version imprimable

18/05/2006, 11h54
tangjuncn

Affichage contenu d'une variable dans JS

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
18/05/2006, 12h01
Swoög

Salut ;)

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

Code:

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

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

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:

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>

18/05/2006, 13h18
tangjuncn

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;

}
18/05/2006, 13h21
Swoög

:tagcode:

il faut utiliser la syntaxe rectifiée, je m'étais trompé, j'ai édité...
18/05/2006, 13h38
tangjuncn

ca roule.
Merci