Discussion :

[Black_Angel]

Bonjour à tous.

Ne connaissant pas encore grand chose à javascript, je fais appel à votre aide. J'ai un formulaire avec un champs input de type texte et je souhaiterais le copier à l'aider d'un bouton sur tous les autres champs input du même type. Le problème est que la copie ne se fait que sur un seul champs pas sur les autres lorsque j'utilise la fonction et ce même lorsque je fais une boucle. Je précise que je code en utilisant le template smarty et que mes inputs sont générés automatiquement pour les pays.

Merci d'avance à tous ceux qui pourraient m'aider.

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
function copy(){
 
var Rate = document.getElementById('Rate').value;
var RateRfd = document.getElementById('RateRfd').value;
 
for (var i=1; i<25; i++){
 
 if ( Rate != ''){					          $('formFees').getElementById('RateCountry').value = Rate;				
}
 
if ( RateRfd != '') {				$('formFees').getElementById('RateRfdCountry').value = RateRfd;
}
}
 
}
 
 
<th >Commission<input type="text" name="Rate" id="Rate" value='' /></th>
<th >Commission_Refund<input type="text" name="RateRfd" id="RateRfd" value='' /></th>
<th><input type="button" onclick="copy();" value="Apply Below" /></th>
 
<td >{$aCountry.COUNTRY_NAME}></td>
<td ><input type="text" column="Rate" id="RateCountry"   name="RateCountry_{$aCountry.COUNTRY_CODE}" value="{$aCountry.COMMISSION_RATE}"  /></td>
<td><input type="text" column="RateRfd"  id="RateRfdCountry" name="RateRfdCountry_{$aCountry.COUNTRY_CODE}" value="{$aCountry.COMMISSION_RATE_RFD}"     /></td>

[Bovino]

Code :

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

$('formFees').getElementById('RateCountry').value = Rate

getElementById est une méthode de l'objet document, donc ta notation ne risque pas de fonctionner

[Black_Angel]

euh désolé mais je ne vois pas trop ce que tu veux dire bovino. Si tu pouvais m'expliquer davantage stp.

[Bovino]

Ce que je veux dire, c'est que la seule syntaxe correcte pour getElementById est

Code :

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

document.getElementById('RateCountry');

dans ton cas, $('formFees') ne correspond pas à l'objet document, tu ne peux donc pas lui appliquer la méthode getElementById.

[Black_Angel]

oki je vois mieux ce que tu veux dire. Seulement $('formFees') correspondait au name de mon formulaire. Par contre même en changeant $('formFees') et en mettant document à la place, j'obtiens toujours la même chose, c'est à dire qu'il n'y a qu'un seul champs input qui change et pas tous

[Bovino]

C'est normal, comme son nom l'indique, getElementById (contrairement à getElementsByTagName par exemple), ne s'applique qu'à un seul élément vu qu'un id DOIT être unique dans une page