[DOM] supprimer un element input de type hidden

**typikal** · 23/01/2008, 15h41

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>

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

Merci d'avance

**E.Bzz** · 23/01/2008, 15h46

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

A+

**le_chomeur** · 23/01/2008, 15h52

voila rapidement ...

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
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>

**typikal** · 23/01/2008, 16h35

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 :

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

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

++

**E.Bzz** · 23/01/2008, 16h40

Envoyé par typikal

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

Code :

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

var parentInput = IdInputToDelete.parentNode;

A+

**typikal** · 23/01/2008, 16h45

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

@+

[DOM] supprimer un element input de type hidden

JavaScript

Discussions similaires

Partager

Partager