Comment stocker le nom de l'image / la valeur sur Soumettre dans MySQL à partir d'un formulaire (I.e identique à la touche radio)

Vous avez 4 arguments sur BIND

$stmt->bind_param(
                'sss',
                $name,
                $email,
                $amount
            ); 

ci-dessous vous trouverez un concept. Dans le PHP, vous obtiendrez $ _ POST ['IMG'] code> avec le nom de l'image cliquée.

Le JavaScript utilise un gestionnaire d'événements "Cliquez sur" pour chaque image. Si vous avez cliqué sur une image, le SRC est lu à partir de cette image et placez dans le champ d'entrée caché sous la forme. P>

<style>
.card img {
  cursor: pointer;
  border: 2px solid grey;
}
.card img:hover, .card img:active {
  border: 2px solid orange;
}
</style>

<form method="post">
  <input type="hidden" name="img" id="img" value="" />
  <input type="text" name="name" value="" />
  <input type="text" name="email" value="" />
  <div class="card">
    <img src="img-01.jpg" alt="" />
  </div>
  <div class="card">
    <img src="img-02.jpg" alt="" />
  </div>
  <div class="card">
    <img src="img-03.jpg" alt="" />
  </div>
  <input type="submit" value="Send" />
</form>

<script>
var i, images = document.querySelectorAll('.card img');
for (i = 0; i < images.length; i++) {
  images[i].addEventListener("click", function(e) {
    var src = this.getAttribute("src");
    document.querySelector('#img').setAttribute("value", src);
  });
}
</script>