Bonjour, désolé pour le titre mais c'est pas évident à expliquer en peu de mot.

Voila, j'ai besoin de votre aide car je suis coincé sur un petit script test.
Le script permet d'afficher autant de fois qu'on veux un champs te xt de formulaire à l'aide d'un bouton.
Je voudrais que lorsque que je rentre le texte dans un champs et que j'appuie sur le bouton, le champs texte 1 garde ce que j'ai écrit, et affiche un champs texte2 vierge, et etc..pour les autres.

J'avais fait ça avec un tableau, mais on ma dit qu'avec un "this", ça marchait.

malheureusement, le premiere ajout fonctionne, ensuite, il me met le dernier changement de text dans tous les champs.

Voici mon code:

Code index.html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
   			<span id="aff"></span>
   			<script type="text/javascript">ajout();</script>
 
			<button onclick="ajout()">ajout</button>
			<button onclick="supp()">supp</button>

Code fonction.js : 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
nb = 1;
function ajout(){
	nb++;
	//alert(nb);
	test();
}
 
function supp(){
	nb--;
	//alert(nb);
	test();
}
 
elem = '';
function save(e){
	elem = e.value;
	alert(elem);
}
 
function test(){
	str = '';
	for(i = 1; i < nb; i++){
		str += '<input type="text" name="nom" onchange="save(this)" id="nom'+i+'" ';
		if(elem) str += 'value="'+elem+'"';
		str += '/><br />';
	}
	document.getElementById('aff').innerHTML = str;
}

en espèrant avoir était assez clair dans mes explications

Merci d'avance