[DOM] cr�ation dynamique de champs

**Ekik** · 26/01/2007, 09h45

Bonjour,

J'ai trouv� ce script la pour cr�er et supprimer des champs dynamiquement dans mon form, ca marche nickel

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
<script type="text/javascript">
<!-- Begin
/* Created by: Husay :: <a href="http://www.communitxt.net" target="_blank">http://www.communitxt.net</a> */
 
var arrInput = new Array(0);
  var arrInputValue = new Array(0);
 
function addInput() {
  arrInput.push(arrInput.length);
  arrInputValue.push("");
  display();
}
 
function display() {
  document.getElementById('parah').innerHTML="";
  for (intI=0;intI<arrInput.length;intI++) {
    document.getElementById('parah').innerHTML+=createInput(arrInput[intI], arrInputValue[intI]);
  }
}
 
function saveValue(intId,strValue) {
  arrInputValue[intId]=strValue;
}  
 
function createInput(id,value) {
  return "<input type='text' id='test "+ id +"' onChange='javascript:saveValue("+ id +",this.value)' value='"+ value +"'><br>";
}
 
function deleteInput() {
  if (arrInput.length > 0) { 
     arrInput.pop(); 
     arrInputValue.pop();
  }
  display(); 
}
// End -->
</script>

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
<body>
<form id="form1" name="form1" method="get" action="">
  <p id="parah">Cr&eacute;ation dynamique de champs</p>
  <a href="javascript:addInput()">Ajouter un ou des champ(s)</a><br />
  <a href="javascript:deleteInput()">Retirer un ou des champ(s)</a>
  <p><font face="arial" size="1">Powered and Generated by </font><a href="http://www.G1SCRIPT.com" target="_blank"><font face="arial,helvetica" size="1">G1Script.Com</font></a></p>
  <p>
    <label>
    <input type="submit" name="Submit" value="Envoyer" />
    </label>
  </p>
</form>
</body>

Y a juste un soucis, et de taille, c'est que les valeurs qui se situent dans les cases ajout�es ne sont pas transmises. Ca fait un moment que je suis dessus et je ne vois pas comment je pourrais faire.

Avez-vous une id�e de la mani�re dont je pourrai m'y prendre pour que ces valeurs soient transmises?

Merci d'avance
C�dric

**Bis�n�rs** · 26/01/2007, 10h01

La transmission des valeurs se fait par l'attribut name, or il est absent dans ton code, tu as juste l'id.
Et au passage : http://developpez.net/forums/showthread.php?t=269871

**Ekik** · 26/01/2007, 10h11

Argh, comment j'ai pas vu ca

Merci bcp pour l'aide rapide

Et merci d'avoir modifi� mes balises, j'ai pris la balise quote pour code, je vais bien aujourd'hui, heureusement le week-end arrive a grand pas.

Sinon, merci pour le lien, mes connaissance en DOM ne sont malheureusement pas tr�s pouss�es, je sais pas si j'arriverai a transformer ce script pour utiliser createElement.

Merci encore pour l'aide

C�dric

[DOM] cr�ation dynamique de champs

JavaScript

Discussions similaires

Partager

Partager