Modifier une entrée SQL depuis un formulaire

**Mandragore99** · 13/05/2020, 23h38

Bonsoir,

J'ai crée un formulaire gestion de base de donnée et je vous demande quelle est la méthode la plus simple pour afficher les données d'une ligne SQl dans les différents input de mon formulaire, afin de les modifier et les réupdater.

J'ai bien un sélecteur de ligne SQL dans ma balise Select, il suffirait de répliquer les infos de la table dans les autres champs.

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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
 
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <title>Gestion Locative</title>
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" >
		<link href="css/global.css" type="text/css" rel="stylesheet" >
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" ></script>
		<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
 
 
</div>
  </head>
  <body>
   <div class="container-fluid bg">
   <!-- Sépare la page en 3 colonnes -->
		<div class="row">
			  <div class="col-sm-4">col-sm-4</div>
			  <div class="col-sm-4">col-sm-4
 
			  <!-- début du formulaire -->
				  <form class="form-container" action="" method="post">
					<!-- Default dropup button -->
<div class="btn-group dropup">
  <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropup
  </button>
  <div class="dropdown-menu">
    <!-- Dropdown menu links -->
  </div>
</div>
						<!-- Titre du formulaire -->
				  <h1>LOGEMENT</h1>
 
<!-- champ de recherche de logement dans base SQL -->
				   <div class="form-group">
					<label for="recherchelogement">Recherche logement</label>
 
					<select class="form-control" id="exampleFormControlSelect1">
					<?php
                                        $db = include 'db_mysql.php'; 
                                        $stmt = $db->prepare('Select LOG_APT from logement');
                                        $stmt->execute();
                                        while($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
                                        echo '<option>'.$row['LOG_APT'].'</option>';
                                        }
                                        ?>
					</select>
					</div>
 
<!-- Ville -->					
					<div class="form-group"> 
						  <input name="LOG_VILLE" type="text" class="form-control" id="validationCustom06" placeholder="Ville" required>
						  <div class="invalid-feedback">Please provide a valid "Ville".</div> 
					</div>
<!-- Rue -->					
					<div class="form-group"> 
						  <input name="LOG_RUE" type="text" class="form-control" id="validationCustom01" placeholder="Rue" required>
						  <div class="invalid-feedback">Please provide a valid "Rue".</div> 
					</div>
<!-- complement -->					  
					 <div class="form-group"> 
						  <input name="LOG_COMPLEMENT" type="text" class="form-control" id="validationCustom02" placeholder="Complément " required>
						  <div class="invalid-feedback">
							Please provide a valid "Complément".
						  </div> 
					 </div>
 
<!-- Code Postal -->						
					 <div class="form-row">
						<div class="form-group col-md-4">
						<input name="LOG_CP" type="text" class="form-control" id="validationCustom03" placeholder="Code Postal" required>
						<div class="invalid-feedback">Please provide a valid "Code Postal".</div> 
					</div>
 
<!-- Type appartement -->	
					<div class="form-group col-md-4">
						<input name="LOG_TYPE" type="text" class="form-control" id="validationCustom04" placeholder="RDC / 1er étage ..." required>
						<div class="invalid-feedback">Please provide a valid Appartement Type.</div> 
					</div>
 
<!-- Surface -->		
					<div class="form-group col-md-4">
						<input name="LOG_APT" type="text" class="form-control" id="validationCustom05" placeholder="X m²" required>
						<div class="invalid-feedback">Please provide a valid Surface.</div> 
					</div>
 
<!-- Date début location -->					
				<div class="form-row">
					<div class="form-group col-md-6">
						<label for="dateAchat">Date achat</label>
						<input name="LOG_DEBUT" class="form-control" type="date" value="today" id="achat">
						<div class="invalid-feedback">Please provide a valid "Date achat"</div> 
					</div>
 
<!-- Date fin location -->	
 
						<div class="form-group col-md-6">
						<label for="dateAchat">Date fin</label>
						<input name="LOG_FIN" class="form-control" type="date" value="today" id="achat">
						<div class="invalid-feedback">Please provide a valid "Date achat"</div> 
						</div>
					</div>
 
<!-- Date archivage -->					
 
						<label class="invisible" for="inputState">Archivage</label>
						<input name="archivage" class="invisible" type="date" value="today" id="archivage">
 
 
 
				</div>
 
 
			<button type="submit" class="btn btn-primary" formaction="actionlogement.php">Actionlogement.php</button>
 
			<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
			<button type="button" class="btn btn-primary">Création</button>
 
			<!-- Secondary, outline button -->
			<button type="button" class="btn btn-secondary">Valider</button>
 
			<!-- Indicates a successful or positive action -->
			<button type="button" class="btn btn-success">Imprimer</button>
 
 
			<!-- Indicates a dangerous or potentially negative action -->
			<button type="button" class="btn btn-danger">Supprimer</button>
 
 
 
				</div>
 
			<div class="col-sm-4">col-sm-4</div>
</div>
 
</body
 
</html>

Ma table SQL:
Nom : Sans titres.png
Affichages : 82
Taille : 24,4 Ko

**javatwister** · 14/05/2020, 08h23

Bonjour,

Je ne comprends pas trop comment est conçue ta table mais là, je dirais, "à l'envers";

Afficher des données SQL dans un formulaire, les modifier, les renvoyer au serveur... c'est un travail dans lequel JavaScript n'a pas une place nécessaire;

Modifier une entrée SQL depuis un formulaire

JavaScript

Discussions similaires

Partager

Partager