Discussion :

[istiti]

Bonjour j'aimerai faire en sorte que le visiteur qui est sur ma page jsp puisse ajouter autant de <text input> qu'il désir dans un formulaire c'est à dire que j'en fasse pas moi un nombre limité mais qu'il puisse lui simplement cliqué sur un button pour que un autre <text input> s'ajout.

Par exemple je lui demande de mettre tous les noms de ses enfants au début il y à un <text input> pour un nom puis en suite un button ou alors qu'un autre <text input> s'ajout automatiquement...


J'espère avoir été clair, merci d'avance

[Thébé]

Fonction de OButterlin que j'ai modifié pour mon cas.
Row sera une ligne de la table.
Cell # indique quelle cellule de la table est remplie
inp # sera le input.

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
 
function addInpt() {
  var tbl = document.getElementById("table");   // Ce dans quoi les inputs sont ajoutés
  var row;
  var cell1;
  var inp1; 
 
  row = tbl.insertRow(tbl.rows.length);
 
  cell1 = row.insertCell(0);
  inp1 = document.createElement("input");
  inp1.setAttribute("type", "text");
  inp1.setAttribute("name", "nomEnfant");
  cell1.appendChild(inp1);
 
  cell2 = row.insertCell(1);
  inp2 = document.createElement("input");
  inp2.setAttribute("type", "text");
  inp2.setAttribute("name", "prenomEnfant");
  cell2.appendChild(inp2);
 
  var cell3 = row.insertCell(2);
  var inp3 = document.createElement('input');
  inp3.setAttribute('type', 'button');
  inp3.setAttribute('value', 'Supprimer');
  inp3.onclick = function () {deleteRow(this)};
  cell3.appendChild(inp3);
}

Fonction de mon cru pour supprimer une ligne.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
// Fonction générique pour supprimer une ligne d'un tableau (table)
// pour laquelle il existe une cellule contenant un objet composé de
// balise en XHTML. Par exemple un bouton <input>, un label, etc.
function deleteRow(obj) {
  var td = obj.parentNode;
  var tr = td.parentNode;
  var tbody = tr.parentNode;
 
  tbody.removeChild(tr);
}

et finalement dans le servlet tu peux récupérer le tas de données ainsi :

Code :

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

1
2
3
 
String[] tabNomsEnfants= request.getParameterValues("nomEnfant");
String[] tabPrenomsEnfants = request.getParameterValues("prenomEnfant");

[istiti]

MERCI BEAUCOUP!

J'ai cru que personne allait répondre ^^ thx mec!!

[Thébé]

Pense à ajouter résolu