[DOM]Changer les noms des fils d'un noeuds après un clonenode
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
Code:
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> |
et le script :
Code:
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);
} |
j'ai essayé avec du code trouvé sur google mais ça ne fonctionne pas :
Code:
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);
} |
Quelqu'un pourrait il m'aider ?
Merci d'avance,
C
