Bonjour à tous,
Je fais un clondenode d'un div pour dupliquer des champs d'un formulaire. J'aimerais changer les noms des champs afin de pouvoir ensuite faire une belle insertion en BDD.
Du code valant mieux qu'un long discours :
HTML
et le script :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 <div id="divDescription" style="display:none" name="titi"> <p id="pDesc">HEURE : <input name="WS_HOUR" type="text" id="WS_HOUR" size="2"> : <input name="WS_MIN" type="text" id="WS_MIN" value="00" size="2"> DESCRIPTION :<br> <textarea name="WS_DESC" cols="60" rows="3" id="WS_DESC" ></textarea> <br /> </p> </div>
j'ai essayé avec du code trouvé sur google mais ça ne fonctionne pas :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 function moreFields() { var newFields = document.getElementById('divDescription').cloneNode(true); var insertHere = document.getElementById('divMainDescription'); insertHere.parentNode.insertBefore(newFields,insertHere); }
Quelqu'un pourrait il 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 function moreFields() { counter++; var newFields = document.getElementById('divDescription').cloneNode(true); newFields.style.display = 'block'; var newField = newFields.childNodes; for (var i=0;i<newField.length;i++) { var theName = newField[i].name newField[i].name = theName + counter; newField[i].id = theName + counter; } var insertHere = document.getElementById('divMainDescription'); insertHere.parentNode.insertBefore(newFields,insertHere); }
Merci d'avance,
C
Partager