Ajouter un champ via bouton sur la page

**petiflamand** · 28/09/2017, 08h32

Bonjour à tous ,
J' ai une page pour commander des sandwiches, je voudrais que quand le client a fini de faire sont choix , il aie la possibilité d' ajouter un deuxième , troisième ect....

voici la photo
plus le code qui devrais ce rajouter quand on click sur le bouton que je placerais
il faudrais que le nom change aussi , car ici on a <select name="sandwich1" required size="1"> et le suivant devrait être <select name="sandwich2" required size="1">.
Merci d' avance pour toute explication
ps: je suis super novice en php

Nom : menu.jpg
Affichages : 108
Taille : 55,4 Ko

Code html :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
                    <p align="left">Quel_Sandwich* <br>
                      <select name="sandwich1" required size="1">
                        <option></option>
                        <option>Dagobert</option>
                        <option>Jambon</option>
                        <option>Fromage</option>
                        <option>Poulet Hawa&iuml;</option>
                        <option>Poulet Andalouse</option>
                        <option>Poulet Mayo</option>
                        <option>Poulet curry</option>
                        <option>Poulet Samourai</option>
                        <option>Pulled Pork BBQ</option>
                        <option>Thon Mayo</option>
                        <option>Thon Piquant</option>
                        <option>Pitta Piquant</option>
                        <option>Scampi</option>
                        <option>Surimi &amp; crabe</option>
                        <option>Boulette</option>
                        <option>Serrano</option>
                        <option>Brie</option>
                        <option>Americain du chef</option>
                        <option>Norv&eacute;gien</option>
						<optgroup label="Les Chauds">
                        <option>Hamburger pur Boeuf</option>
                        <option>Hamburger Poulet &amp; Boeuf</option>
                        <option>Pain de viande</option>
                        <option>Poulet Pan&eacute;</option>
                        <option>Poisson Pan&eacute;</option>
                        <option>Kebab</option>
                        <option>Chichi</option>
                        <option>Blanc de poulet Grill&eacute;</option>
                        <option>Mexicanos carrero</option>
                        <option>Mexicanos Crunchy</option>
                        <option>Merguez</option>
                        <option>Merguez 2/P</option>
                        <option>Panini Classique</option>
                        <option>Panini Norv&eacute;gien</option>
                        <option>Panini Basse-cour</option>
                        <option>Panini Li&eacute;gois</option>
                        <option>Panini Italien</option>
                        <option>Panini V&eacute;g&eacute;tarien</option>
                      </select>
                    </p>
                    <p align="left">Nombre de Sandwich Identique : Si vide = 1 <br>
                      <select name="nbsandwich" size="1">
                        <option></option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                        <option>9</option>
                        <option>10</option>
                      </select>
                    </p>
                    <p align="left">Taille du Sandwich* <br>
                      <select name="taille" required size="1">
                          <option></option>
                          <option>1/3</option>
                          <option>1/2</option>
                          <option>2/3</option>
                      </select>
                    </p>
                    <p align="left">Choix de la sauce ou beurre*<br>
                      <select name="sauce" required size="1" >
					  <option></option>
					    <option>Sans Rien</option>
                        <option>Beurre</option>
                        <option>Mayonnaise</option>
                        <option>Tartare</option>
                        <option>Ketchup</option>
                        <option>Brazil</option>
                        <option>Moutarde</option>
                        <option>Americaine</option>
                        <option>Andalouse</option>
                        <option>Cocktail</option>
                        <option>Martino</option>
                        <option>Samouraï</option>
                        <option>Hamburger</option>
                        <option>BBQ</option>
                        <option>Aïoli</option>
                      </select></p>
                    <label></label>
                    <label>
                    <div align="left"> Choix des crudit&eacute;s* <br>
                      <input type="checkbox" name="Toute crudite" >Toute crudit&eacute;<br>
                      <input type="checkbox" name="Sans crudite" >Sans crudit&eacute;<br>
                      <input type="checkbox" name="Tomate" >Tomate<br>
                      <input type="checkbox" name="Cornichon" >Cornichon<br>
					  <input type="checkbox" name="Oignon" >Oignon<br>
					  <input type="checkbox" name="Carotte" >Carotte<br>
					  <input type="checkbox" name="Tomate sechee" >Tomate s&egrave;ch&eacute;e<br>
					  <input type="checkbox" name="Roquette" >Roquette<br>
					  <input type="checkbox" name="Oeufs dur" >Oeufs dur<br>
					  <input type="checkbox" name="Concombre">Concombre</div>
                    </label>

**SpaceFrog** · 28/09/2017, 11h35

cloneNode ...

Ajouter un champ via bouton sur la page

JavaScript

Discussions similaires

Partager

Partager