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

Question

Bonjour à tous, 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. Merci par avance ! Code ci-dessous : // article.php$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)) {?>

// Récuperation de la valeur du select et l'ajout dans input type hiddenfunction 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) { } });});

jordane45 · Answer

Bonjour,
Peux tu nous rappeler ce qu'est sensé faire l'ajax présent dans ton code ?
et puis..pourquoi vouloir passer par un input hidden alors que tu as déjà l'info dans le select ?

Utilisateur anonyme · Answer

Bonjour @jordane45,
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.
Cdlt,

jordane45 · Answer

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 !!! )

articles.ajx.php $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); ?>

Utilisateur anonyme · Answer

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.
Merci encore !
Cdlt,

Utilisateur anonyme · Answer

Ok c'est parfait !
Je vais faire le test et je dirai quoi.
Cdlt,

Utilisateur anonyme · Answer

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".

Utilisateur anonyme · Answer

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é. // liste déroulante

// Appel Ajaxfunction actualise_infos() { var elm, urlAjx = "article_ajax.php", datas = {ref:elm}; elm = $('[name="ref"]').val(); $.ajax({ type: "POST", url: urlAjx, data: datas, dataType: "json", success: function(reponse){ console.log(reponse); if(typeof(reponse.prix)!="undefined" && reponse.prix!=null){ $("#prix").html(reponse.prix); } }, error:function(jqXHR, textStatus) { var error = jqXHR.responseText; alert('error :' + error); } }); }$('#reference').on('change', actualise_infos); // fichier: article_ajax.php// inclure le fichier de connexion à la bddrequire_once "cnxBdd.php"; //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 jsonecho json_encode($result);

Utilisateur anonyme · Answer

C'est dans le code que j'ai mis au tout début et la fonction javascript qui lui affecte la réf : // formulaire // Récuperation de la valeur du select et l'ajout dans input type hiddenfunction 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. Cdlt,

Utilisateur anonyme · Answer

C'est bon je récupère le prix. Mais il me l'affiche toujours dans l'alert : alert('error :' + error); 
Pourtant il n'y a pas d'erreur. Il ne l'affiche dans la div qui a l'id prix.

Utilisateur anonyme · Answer

Oui je vois. Je viens de corriger cette erreur. Maintenant j'ai le code en ordre :
var elm;elm = $('[name="produit_ref"]').val();var datas = {ref:elm};var urlAjx = "include/plaque_ajax.asp";
J'affiche maintenant ma div prix sous format json : { "ref": 15,4 }. Je veux récupérer juste le chiffre : 15,4.

Utilisateur anonyme · Answer

Le fichier asp est une erreur de copie. Je l'utilise pour une autre partie de l'application. Donc c'est le ficher php précédemment utilisé.

Utilisateur anonyme · Answer

Les codes ce sont ceux que j'ai mis précédemment. La partie ajout panier je ne l'ai pas encore traité.

Utilisateur anonyme · Answer

Bonjour, Désolé pour le retard. Voici le code complet de tout ce qu'on vu depuis le début. // article.php

// Récuperation de la valeur du select et l'ajout dans input type hiddenfunction ajoutInputValues() { var ref = $("#reference").val(); $('[name="ref"]').val(ref);}$('#reference').on('change', ajoutInputValues);// Appel Ajaxfunction actualise_infos() { var elm, urlAjx = "article_ajax.php; elm = $('[name="ref"]').val(); var datas = {ref:elm}; $.ajax({ type: "POST", url: urlAjx, data: datas, dataType: "json", success: function(reponse){ console.log(reponse); if(typeof(reponse.prix)!="undefined" && reponse.prix!=null){ $("#prix").html(reponse.prix); } }, error:function(jqXHR, textStatus) { var error = jqXHR.responseText; alert('error :' + error); } }); }$('#reference').on('change', actualise_infos); // fichier: article_ajax.php// inclure le fichier de connexion à la bddrequire_once "cnxBdd.php"; //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 jsonecho json_encode($result);

Utilisateur anonyme · Answer

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.
Merci pour la compréhension.

Utilisateur anonyme · Answer

Mon fichier de connexion à la base de données se nomme connexion_bd.php

Utilisateur anonyme · Answer

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.
Cdlt,

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

16 réponses

Votre réponse

Discussions similaires