suppression d'éléments d'un formulaire

Version imprimable

28/01/2011, 11h43
dawaman

suppression d'éléments d'un formulaire

Bonjour a tous,

voila j'ai un formulaire et je voudrais en fonction de mon option (type radio) que mon formulaire ajoute des éléments où en supprime. Mais je sais pas du tout comment faire pour les supprimer. J'arrive à les ajouter mais une fois ajouter lorsque je rechange d'option les éléments ne se supprime pas.
28/01/2011, 11h45
SpaceFrog

Code:

removeChild()

pour supprimer définitivement
sinon passe par le display:none qui le supprimeras du flux, mais permettra de les restituer après
28/01/2011, 12h07
javatwister

Citation:

sinon passe par le display:none

mmhhhh... avec peut-être le risque de transmettre des données fantôme;
28/01/2011, 13h18
SpaceFrog

non justement un element en display none n'est pas transmis .
28/01/2011, 13h24
javatwister

ah ben mince, j'ai la mémoire qui flanche, moi :aie:

bref, c'est pas bien quand même parce que mettre en display:none des champs où tu as éventuellement saisi des données et qui ne sert en fait à rien dans la page, eh bien laisse-moi te dire que ce n'est pas beau esthétiquement, déontologiquement et unpeudemauvaisefoistement :mrgreen:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function exemple()
            {
                if(document.inscr.user[1].checked)
                {
                    obj = document.getElementById("resp");
                    obj.innerHTML = "<h2>Informations sur l'association</h2>";
                    obj.innerHTML += "<label>Nom de l'association</label> <input type='text' name=nom_ass><br />";
                    obj.innerHTML += "<label>Nom du président</label> <input type='text' name='nom_pre'/><br />";
                    obj.innerHTML += "<label>Adresse du siège</label> <input type='text' name='adresse_ass'/><br />";
                    obj.innerHTML += "<label>Tél</label> <input type='text' name ='tel_ass'/><br />";
                    obj.innerHTML += "<label>Fax</label> <input type='text' name='fax'/><br />";
                    obj.innerHTML += "<label>Adresse email</label> <input type='text' name='email_ass'/><br />";
                    obj.innerHTML += "<label>SIRET </label> <input type='text' name='siret'/><br />";
                    obj.innerHTML += "<label>Objectif de l'association</label> <input type='text' name='objectifs'/><br /><br /><br />";
                }
            }

voila le code qui m'ajoute les champs

29/01/2011, 11h52
SpaceFrog

mal parti :calim2:
innerHTML est a éviter pour ajouter des elements de formulaire

http://www.developpez.net/forums/d53...ynamique-form/