[DOM] supprimer un element input de type hidden

Version imprimable

23/01/2008, 15h41
typikal

[DOM] supprimer un element input de type hidden

bonjour,
je voudrai pouvoir supprimer un element input de type hidden;
il y a des solutions avec DOM mais j'ai l'impression qu'elles ne correspondent pas à ma situation qui est assez simple
j'ai des balises <input type=hidden... dans un balise <body>

Citation:

<body>
.....

<input type="hidden" name="nom" id="id" valeur="valeur">
<input type="hidden" name="code" id="id2" valeur="DERT">
<input type="hidden" name="don" id="id3" valeur="TEST">

......
</body>

Pouvez vous m'aider à trouver un solution pour supprimer un champ dynamiquement avec javascript?

Merci d'avance
23/01/2008, 15h46
E.Bzz

(Re)Bonjour,
il suffit de s'inspirer de l'exemple de la FAQ

A+

voila rapidement ...

Code:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
function supprimerInput(){
	try{
	var IdInputToDelete = document.getElementById('idInput').value;
 
	var InputToDelete = document.getElementById(IdInputToDelete);
	var parentInput = InputToDelete.parentNode;
 
	alert("Avant : " + parentInput.innerHTML);
	parentInput.removeChild(InputToDelete);
	alert("Après : " + parentInput.innerHTML );
	}
	catch(e){
		alert(e);
	}
 
}
</script>
</head>
 
<body>
id des input hidden : "id","id2","id3" :)
<input type="text" name="idInput" id="idInput" /><input type="button" value="supprimer" onclick="supprimerInput()" />
<input type="hidden" name="nom" id="id" valeur="valeur">
<input type="hidden" name="code" id="id2" valeur="DERT">
<input type="hidden" name="don" id="id3" valeur="TEST">
 
</body>
</html>

Citation:

E.Bzz (Re)Bonjour,
il suffit de s'inspirer de l'exemple de la FAQ

j'ai essayé l'exemple du FAQ mais je ne vois pas à quoi correspond le noeud dans mon code, j'ai fait des tests mais ça bug

merci pour ta solution le_chomeur mais elle ne fonctionne pas, il y avait une ligne en trop dans la fonction et dans IdInputToDelete on recupère une valeur au lieu d'un l'objet;
je l'ai modifier :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function supprimerInput(){ try{ var IdInputToDelete = document.getElementById('lstidCod0'); var parentInput = IdInputToDelete.parentNode; alert("Avant : " + parentInput.innerHTML); parentInput.removeChild(IdInputToDelete); alert("Après : " + parentInput.innerHTML ); } catch(e){ alert(e); }
ça marche avec ça

merci pour ton aide

++:salut:

23/01/2008, 16h40
E.Bzz

Citation:

Envoyé par typikal

j'ai essayé l'exemple du FAQ mais je ne vois pas à quoi correspond le noeud dans mon code

Code:

var parentInput = IdInputToDelete.parentNode;

A+
23/01/2008, 16h45
typikal

merci
j'ai compris ça après avoir vu le code de le_chomeur

@+