Liste déroulante et récupération du contenu dans un input

Rebonjour,

Suite à mon précédent post, j'ai un autre souci concernant ma liste déroulante.
J'aimerais récupérer une référence dans ma liste déroulante et l'injecter dans input de type (hidden) et en fonction de la référence obtenu afficher son prix grâce à une requête pour afficher le prix du produit.

Merci par avance !

Code ci-dessous :

// article.php
<form>
       <select name="reference" id="reference">
              <option value="">Choisir votre ref :</option>
              <option value="ref1">Ref 1</option>
              <option value="ref2">Ref 2</option>
              <option value="ref3">Ref 3</option>
              <option value="ref4">Ref 4</option>
              <option value="ref5">Ref 5</option>
        </select>
        <button type="submit">Ajouter</button>	
	<input type="hidden" name="ref" value="">
</form>

<?php
      $ref = $_POST["ref"];
 
      $q = array('ref'=>$ref);
      $sql = "SELECT * FROM article WHERE ref = :ref";
      $req = $db->prepare($sql);
      $req->execute($q) or die(print_r($req->errorInfo()));
      $row = $req->fetch();
 
if (isset($ref)) {
?>
<div id="prix"><?=$row["prix"];?></div>
<?php } ?>

// Récuperation de la valeur du select et l'ajout dans input type hidden
function ajoutInputValues() {
	var ref = $("#reference").val();
	$('[name="ref"]').val(ref);
}
$('#reference').on('change', ajoutInputValues, function(){
        var ref = $('[name="ref"]').val();
 
	$.ajax({
		url: 'article.php',
		type: 'post',
		data: 'ref='+ref,
		success: function(reponse) {
		}
	});
});

Modifié par dinolam (01 Mar 2017 - 17:01)

Salut,
tu parles d'un souci concernant ta liste déroulante.
Peux tu donner plus de détails ?
Car dans ton code ci-dessus, à premiére vue, il n'y a pas l'air d'avoir d'erreur.

As tu un message d'erreur php ou dans la console ?