Liste déroulante et récupération du contenu dans un input [Résolu]
Utilisateur anonyme -
2 mars 2017 à 10:22 - Dernière réponse : jordane4522901
Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut
20 octobre 2018
Dernière intervention
- 6 mars 2017 à 15:39
J'ai 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.
$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();
jordane4522901
Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut
20 octobre 2018
Dernière intervention - 2 mars 2017 à 11:01
attend.. je viens de voir un truc ...
Le code que tu nous montres ... c'est celui de "article.php" ???
Et dans ton AJAX tu fais appel à "article.php" aussi ???..... là y'a un souci !!
Merci d'avoir répondu à mon post.
Oui je fais appel à mon fichier article.php.
J'aimerais rester sur la même page avec le formulaire. Le prix de l'article est caché par défaut mais en fonction du choix de select je récupère la référence de l'article pour aller chercher son prix et l'afficher instantanément sans réchargement.
en fonction du choix de select je récupère la référence de l'article pour aller chercher son prix et l'afficher instantanément sans réchargement
c'est le rôle de l'AJAX !
Et si tu ne veux aucun rechargement ... pourquoi avoir mis un "submit" ??
Et puis.. où as tu mis les balises SCRIPT ???
Bref..
Voici ton code corrigé.
Nb : Il te faut bien DEUX fichiers . un "article.php" qui contient ta liste déroulange et un autre que j'ai nommé : articles.ajx.php
Voici leurs codes :
Fichier : article.php
(ne pas oublier d'y inclure la librairie JQUERY !!! )
<select name="reference" id="reference" onchange="actualise_prix(this.value)">
<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>
<div id="prix"></div>
<script type="text/javascript">
function actualise_prix(elm){
var urlAjx = "articles.ajx.php";
var datas = {ref:elm};
$.ajax({
type: "POST",
url: urlAjx,
data: datas,
dataType: "json",
success: function(reponse){
// ici on actualise le prix en fonction du retour du php
console.log(reponse);// le temps des tests
if(typeof(reponse.prix)!="undefined" && reponse.prix!=null){
$("#prix").html(reponse.prix);
}
},
error:function(jqXHR, textStatus){
var error = jqXHR.responseText;
alert('error :' + error);
}
});
}
</script>
articles.ajx.php
<?php
// inclure le fichier de connexion à la bdd
require_once "cnxBdd.php"; // à changer par TON fichier de connexion à la bdd !!
//récupération PROPRE des variables
$ref = !empty($_POST["ref"]) ? $_POST["ref"] : NULL;
if($ref){
$q = array('ref'=>$ref);
$sql = "SELECT * FROM article WHERE ref = :ref";
try{
$req = $db->prepare($sql);
$req->execute($q)
$result = $req->fetch();
}catch(Exception $e){
$result = "Error ! ".$e->getMessage();
}
}else{
$result = "No REF !!";
}
//on renvoie les donnees sous format json
echo json_encode($result);
?>
Pour répondre à tes questions : j'ai mis les valises script dans le même fichier article.php. C'est après que je me suis rendu compte je ne pouvais pas faire un traitement ajax sur un même fichier.
Pour le submit, j'aurais besoin de valider le formulaire pour ajouter l'article au panier.
Je vais essayer ton code et je reviendrai vers toi.
jordane4522901
Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut
20 octobre 2018
Dernière intervention - 2 mars 2017 à 12:53
Pour le submit, j'aurais besoin de valider le formulaire pour ajouter l'article au panier.
Ca aussi tu pourrais le faire en Ajax .. ça serait plus propre.....
tu ajoutes un bouton qui appellera une fonction "ajouterArticle()" ...
puis tu feras un code comme celui là :
côté javascript :
function ajouterArticle(){
var reference = $("#reference").val();
var urlAjx = "ajouterarticle.ajx.php";
var datas = {ref:reference};
$.ajax({
type: "POST",
url: urlAjx,
data: datas,
dataType: "json",
success: function(reponse){
//ici on traite la reponse si on le souhaite
console.log(reponse);
},
error:function(jqXHR, textStatus){
var error = jqXHR.responseText;
alert('error :' + error);
}
});
}
et un fichier PHP pour le traitement : ajouterarticle.ajx.php
<?php
// inclure le fichier de connexion à la bdd
require_once "cnxBdd.php"; // à changer par TON fichier de connexion à la bdd !!
//récupération PROPRE des variables
$ref = !empty($_POST["ref"]) ? $_POST["ref"] : NULL;
if($ref){
$q = array('ref'=>$ref);
$sql = "INSERT INTO panier (ref) VALUES(:ref)";
try{
$req = $db->prepare($sql);
$result =$req->execute($q)
}catch(Exception $e){
$result = "Error ! ".$e->getMessage();
}
}else{
$result = "No REF !!";
}
//on renvoie les donnees sous format json
echo json_encode($result);
?>
J'ai une erreur dès que je recharge la page. Ça me renvoie l'alert No REF !! avant même de sélectionner mon champ.
!!! J'ai corrigé le problème d'alert au chargement de la page mais je ne récupère toujours pas la ref. En sélectionnant une option j'ai le message : "No REF".
jordane4522901
Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut
20 octobre 2018
Dernière intervention - 2 mars 2017 à 16:59
ce n'est pas une erreur ....
Par contre ce n'est pas normal.
As tu d'autres choses (comme code...) dans ta page ??
Montre nous le code COMPLET de tes fichiers.
J'ai besoin de récupérer la valeur de l'input hidden : $('[name="ref"]').val(); dans le formulaire car elle changera en fonction d'autres paramètres que je n'ai pas encore traité.
// 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);
En fait ce n'ai pas la valeur de mon select que je veux récupérer immédiatement mais plutôt cette même qui est rajoutée sur l'input hidden : $('[name="ref"]'). Car cette ref changera en fonction d'autres paramètre que je n'ai pas encore traité. J'ai prévu de rajouter d'autres options. En fonction de ces options la ref pourrait changer (ref personnalisée). Le prix que je veux afficher pour une réf normale n'est pas le même pour une réf personnalisée.
jordane4522901
Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut
20 octobre 2018
Dernière intervention - 3 mars 2017 à 17:28
Tu ne nous as mis que de "bouts" de code ....
Je te demande de mettre l' INTEGRALITE du code (tel qu'écrit dans tes fichiers ... sans séparation sur le forum... ) utilisé (et modifié suite à nos différents échanges).
// 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);
Je ne peux pas mettre tout le contenu de mon fichier car il s'agit d'un projet d'entreprise. Je n'ai pas droit de divulguer l'intégralité de mon fichier.
jordane4522901
Messages postés mercredi 22 octobre 2003Date d'inscriptionModérateurStatut
20 octobre 2018
Dernière intervention - 6 mars 2017 à 14:10
Tu crois vraiment qu'un peu de html/php va poser problème ??
Et puis... il te suffit de remplacer les données "sensibles" par des *** si vraiment il y en a....
De toutes façons.. tu ne m'as toujours pas répondu sur le nom de ton fichier de connexion à la bdd ....
Concernant mon fichier article.php il y a trop de contenu. Je ne pense pas que l'intégralité de ce fichier puisse aider les gens sur ce forum. Car le sujet de mon post concerne qu'une petite partie de mon fichier. C'est pour ça que j'ai extrait la partie concernée pour que ça puisse aider d'autres personnes qui auront le même problème.
Il y a beaucoup de données sensibles je ne pourrais pas divulguer l'intégralité de son contenu.
Le code que tu nous montres ... c'est celui de "article.php" ???
Et dans ton AJAX tu fais appel à "article.php" aussi ???..... là y'a un souci !!