[DOM]Changer les noms des fils d'un noeuds après un clonenode

**Daï2** · 09/01/2009, 15h56

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 :

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>

et le script :

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);
}

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
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);
}