Remplir plusieurs champs avec la meme valeur

Version imprimable

19/04/2010, 18h22
Gugul

Remplir plusieurs champs avec la meme valeur

Bonjour, j'ai un petit problème sur un formulaire web, et je pense que Javascript peut m'aider.

Voila le problème:

J'ai un formulaire qui contient plusieurs TextBox.
Ce que je souhaiterai faire, c'est rentrer une valeur dans une case, cliquer sur un bouton et que cela m'affiche la valeur dans toutes les TextBox.

J'ai essayé en regroupant mes TextBox dans une meme classe, cela ne semble pas marcher.

C'est sans doute un problème assez simple, mais je débute et je n'y connais pas encore grand chose.

Merci d'avance !!

Salut,

Tout d'abord il faudrait que chacun de tes textbox est la même classe comme ceci par exemple :

Code:

1
2
3
4
5
6
 
<input type="texte" name="textacopier" id="textacopier" value="" />
 
<input type="texte" name="text1" id="text1" class="text" value="" />
<input type="texte" name="text2" id="text2" class="text" value="" />
<input type="texte" name="text3" id="text3" class="text" value="" />

Ensuite dans ton JavaScript récupère les textbox en faisant comme ceci

Code:

1
2
3
4
5
6
7
8
9
10
 
var myText = document.getElementById('textacopier').value;
// On récupère les champs textes
var els = document.getElementByTagName('input');
// On boucle dessus pour savoir si on doit les complétés grace a la class
for (var i=0; i<els.length; i++) {
    if (els[i].className = "text") {
        els[i].value = myText;
    }
}

Ce code doit s'effectuer sur l'action "onClick" de ton bouton.

@badajoz :
A noter que désormais, il peut être utile de passer par getElementsByClassName pour les navigateurs (de plus en plus nombreux) qui l'implémentent ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if(document.getElementsByClassName){
    var els = document.getElementsByClassName('text');
}
else{
    var myText = document.getElementById('textacopier').value;
    // On récupère les champs textes
    var els = document.getElementsByTagName('input');
}
// On boucle dessus pour savoir si on doit les complétés grace a la class
for (var i=0; i<els.length; i++) {
    if (els[i].className = "text") {
        els[i].value = myText;
    }
}

et attention, c'est getElementsByTagName ;)

19/04/2010, 21h41
Gugul

Merci les gens, avec cette fonction, j'agis bien sur les textbox concernées.
le seul soucis, c'est que au lieu d'afficher la valeur que je rentre, toutes mes textbox se remplissent avec des undefined.
Je ne vois d'ailleurs pas pourquoi !

Si tu as juste recopié mon code, c'est normal... j'ai un peu cafouillé au niveau des déclarations.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var myText = document.getElementById('textacopier').value;
if(document.getElementsByClassName){
    var els = document.getElementsByClassName('text');
}
else{
    // On récupère les champs textes
    var els = document.getElementsByTagName('input');
}
// On boucle dessus pour savoir si on doit les complétés grace a la class
for (var i=0; i<els.length; i++) {
    if (els[i].className = "text") {
        els[i].value = myText;
    }
}

19/04/2010, 22h10
Gugul

Hehe, ton code marche tres bien, c'est moi qui est juste pas pensé à faire les get dans la bonne form....

en tout cas merci beaucoup !