Bonjour !
J’ai une interface qui permet de créer plusieurs champs de texte lorsqu’on clique sur le bouton « ajouter » il ajoute un champ de texte. Cependant je voudrais stocker dans ma base ce que je rentre dans le champ lorsqu’y en a un de créer. J’arrive à le faire pour le 1er mais pas pour les autres. Je n’y arrive pas trop Enfin peut-être je ne sais pas m’y prendre
Voici le code de l’interface :
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 <html> <head> <title>jQuery add / remove textbox example</title> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/tuto.css" rel="stylesheet"> <meta charset="utf-8"> <link href="css/bootstrap.css" rel="stylesheet"> <script type="text/javascript" src="http://code.jquery.com/jquery-2.2.1.min.js"></script> <style type="text/css"> div{ padding:8px; } </style> </head> <body> <form method="post" action="stock_name.php" enctype="multipart/form-data"> <div id='TextBoxesGroup'> <div id="TextBoxDiv1"> <label>Nom : </label><input type='textbox' class="form-control" id="stock_Name" name="stock_Name" > </div> </div> <input type='button' value='Add Button' id='addButton'> <input type='button' value='Remove Button' id='removeButton'> <input class="btn btn-primary" type="submit" value="Valider"> <script type="text/javascript"> $(document).ready(function(){ var counter = 2; $("#addButton").click(function () { if(counter>10){ alert("Only 10 textboxes allow"); return false; } var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter); newTextBoxDiv.after().html('<label>Nom '+ counter + ' : </label>' + '<input type="text" name="stock_Name_2' + counter + '" id="stock_Name_2' + counter + '" value="" class="form-control" >'); newTextBoxDiv.appendTo("#TextBoxesGroup"); counter++; }); $("#removeButton").click(function () { if(counter==1){ alert("No more textbox to remove"); return false; } counter--; $("#TextBoxDiv" + counter).remove(); }); }); </script> </form> </body> </html>
Et voici le code pour la base de données :
Code php : 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 <?php try { $bdd = new PDO('mysql:host=localhost;dbname=test;charset=utf8', 'root', ''); } catch(Exception $e) { die('Erreur : '.$e->getMessage()); } if (isset($_POST['stock_Name'],$_POST['stock_Name_2'])) { $req = $bdd->prepare('INSERT INTO add_remove_textbox(stock_Name) VALUES (?)'); $req->execute(array( $_POST['stock_Name'])); echo $_POST['stock_Name']; echo $_POST['stock_Name_2']; }else{ echo 'Error'; } //header('Location: add_remove_textbox.php'); ?>
J'espère avoir été assez claire...
Merci d'avance !
Partager