Récupérer la valeur d'un SELECT

**Zarkoffe** · 04/06/2019, 11h27

Bonjour,
J'ai le système suivant:

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
 
              <td>
                <select type="text" class="form-control scope article_ref" style="width: 100%;" onchange="Aaa(this.value)">
                  <option></option>
                  <?php $list = $bdd->query('SELECT * FROM produit WHERE produit_contact = "'.$_SESSION['Contact_id'].'" ORDER BY `produit_ref` ASC');
                  while ($data = $list->fetch()) { ?>
                  <option value="<?php echo $data['produit_ref']; ?>"><?php echo $data['produit_ref']; ?></option>
                  <?php } $list->closeCursor(); ?>
                </select>
              </td>
              <div class="article_refarticle">
              <td>
              <?php $varname  = isset($_POST['value'])? $_POST['value']:'null'; ?>
                  <?php $list = $bdd->query('SELECT * FROM produit WHERE produit_ref = "'.$varname.'"');
                  $donnees = $list->fetch();
                  $list->closeCursor(); ?>
                  <input value="<?php echo $donnees['produit_nom'] ?>" />
              </td>
              </div>
              <td><input type="text" class="form-control article_devis"></td>
              <td><input type="text" class="form-control article_designationarticle"></td>
              <td><input type="text" class="form-control article_pu"></td>
              <td><input type="text" class="form-control article_unite"></td>
              <td><input type="text" class="form-control article_quantite"></td>
              <td><input type="text" class="form-control article_prixnetunite"></td>
            </tr>
          </tbody>
        </table>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Retour</button>
          <button id="bt_Envoi" class="btn btn-primary submit">Enregistrer le devis</button>
        </div>
      </div>
    </div>
  </div>
</div>
 
<script>
function Aaa(value) {
  $.ajax({
    type: 'post',
    data: {value: value},
    success: function(response){
                                        $( ".article_refarticle" ).val(value);  
    }
  });
}

Comme vous le voyez, mon objectif est de récupérer la variable de mon select et de l'utiliser dans la requête SQL en dessous. (afin d'avoir le nom d'un article par rapport à la référence de l'article, tout simplement). Seulement pas de résultat, ma variable ne semble pas arriver au bout du tunnel. Regardez mon AJAX, je m'y prends peut-être mal? merci.

**NoSmoking** · 04/06/2019, 19h08

Bonjour,

Regardez mon AJAX, je m'y prends peut-être mal?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function Aaa(value) {
  $.ajax({
    type: 'post',
    data: {value: value},
    success: function(response){
                                        $( ".article_refarticle" ).val(value);  
    }
  });
}

c'est presque du n'importe quoi ...
as tu au moins lu la documentation officiel : jQuery.ajax() ?

**Zarkoffe** · 05/06/2019, 10h06

Pardon

Voici un code + clair :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
function Aaa(value) {
  $.ajax({
    type: 'post',
    data: {value: value}
  )} 
  .done(function( retour_html ) {
		$(".article_refarticle").html( retour_html );
  })
	.fail(function() {
		alert( "error function Aaa()" );
  });

**Watilin** · 05/06/2019, 14h44

Je dirais qu’il manque le paramètre url. Examine la requête envoyée à l’aide de l’outil réseau (network) du panneau F12.

**NoSmoking** · 05/06/2019, 16h33

Envoyé par Watilin

Je dirais qu’il manque le paramètre url.

Par défaut l'url est la page courante

Envoyé par doc jQuery

url (default: The current page)
Type: String
A string containing the URL to which the request is sent.

donc c'est plutôt un problème d'approche de ce qui se passe, car comme écrit

Envoyé par Zarkoffe

Comme vous le voyez, mon objectif est de récupérer la variable de mon select et de l'utiliser dans la requête SQL en dessous.

là il y a mélange des genres !

**SpaceFrog** · 05/06/2019, 16h38

je n'ai jamais été fan des clef = variable

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 {value: value}

Je trouve cela plus que moyen ...
ou moins que pluyen ?

**Zarkoffe** · 07/06/2019, 11h40

Merci pour vos réponses à tous.
J'ai clarifié mon code. Le POST passe bien (je le vois dans l'onglet Réseau de mon navigateur).
Seulement je pense que c'est la manière dont je récupère ma variable qui est mauvaise. Une idée? (ligne 34 à 47)

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
        <button id="add_article" class="btn btn-success">Ajouter un produit</button>
        <button id="del_article" class="btn btn-danger">Supprimer le(s) produit(s)</button>
        <table class="table table-bordered table-striped table-condensed">
          <thead>
            <tr>
              <th width="2"></th>
              <th width="80">Ref</th>
              <th width="20">Ref Article</th>
              <th width="20">Désign Article</th>
              <th width="5">Unite</th>        
              <th width="10">Prix Unitaire</th>
              <th width="10">Quantité</th>
              <th width="5">Prix Net Unité</th>
              <th width="15">Total</th>
            </tr>
          </thead>
          <tbody id="table_article"> </tbody>
        </table>
        <!-- lignes ajoutés au tableau -->
        <table id="fantome" style="display:none"> 
          <tbody>
            <tr>
              <td><input type="checkbox" name="chkbox[]"></td>
              <td>
                <select type="text" class="form-control scope article_ref" style="width: 100%;" onchange="ref_to_rearticle(this.value)">
                  <option></option>
                  <?php $list = $bdd->query('SELECT * FROM produit WHERE produit_contact = "'.$_SESSION['Contact_id'].'" ORDER BY `produit_ref` ASC');
                  while ($data = $list->fetch()) { ?>
                  <option value="<?php echo $data['produit_ref']; ?>"><?php echo $data['produit_ref']; ?></option>
                  <?php } $list->closeCursor(); ?>
                </select>
              </td>
              <td>
                <div id="article_refarticle">
                  <?php $article_ref  = isset($_POST['article_ref'])? $_POST['article_ref']:'null';
                  $requete = "SELECT * FROM produit WHERE produit_ref = $article_ref";
                  $requete = $bdd->prepare("SELECT * FROM produit WHERE produit_ref = $article_ref");
                  $stmt = $bdd->prepare($requete);
                  $stmt->bindValue('article_ref',strtoupper(($article_ref)),PDO::PARAM_STR);
                  $stmt->execute(); ?>
 
                  <?php while( $donnees = $stmt->fetch() ) { ?>
                  <input type="text" value="<?php echo $donnees['produit_nom'] ?>" />
                  <?php } ?>   
                </div>
              </td>
              <td><input type="text" class="form-control article_devis"></td>
              <td><input type="text" class="form-control article_designationarticle"></td>
              <td><input type="text" class="form-control article_pu"></td>
              <td><input type="text" class="form-control article_unite"></td>
              <td><input type="text" class="form-control article_quantite"></td>
              <td><input type="text" class="form-control article_prixnetunite"></td>
            </tr>
          </tbody>
        </table>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Retour</button>
          <button id="bt_Envoi" class="btn btn-primary submit">Enregistrer le devis</button>
        </div>
      </div>
    </div>
  </div>
</div>
 
<script>
function ref_to_rearticle(name) {
  $.ajax({
                        method: "POST",
                        url: "modal_header/Actions/ajoutdevis.php",
      data: { article_ref: name }
                })
                .done(function( retour_html ) {
      $("#article_refarticle").html( retour_html );
                })
                .fail(function() {
                        alert( "error facture creation ajax" );
                });     
}
</script>

Mon problème est d'abord de bien récupérer ma variable dans ma requête SQL et d'afficher le bon "produit_nom" en fonction.
Une fois que cela marchera, j'aurai besoin que ce soit affecté au BON input.
En effet comme vous le voyez ligne 1, ce dernier ajoute une ligne à chaque fois que je clique dessus. L'objectif final est donc d'attribuer le bon select au bon INPUT.
Là je pense que si mon AJAX "fonctionnerait", il changerait la variable la valeur de tous mes input. Et ce n'est pas le résultat final que je veux.

Merci d'avance

**Watilin** · 07/06/2019, 14h15

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
<td>
        <div id="article_refarticle">
          <?php
          $article_ref = $_POST['article_ref'] ?? 'null';
          $requete = $bdd->prepare('
              SELECT * FROM produit
              WHERE produit_ref = :ref
          ');
          $stmt->bindValue(':ref', strtoupper($article_ref), PDO::PARAM_STR);
          $stmt->execute();
 
          while ($donnees = $stmt->fetch(PDO::FETCH_ASSOC)) {
              echo "<input type=\"text\" value=\"{$donnees['produit_nom']}\" />";
          }
          ?>
        </div>
      </td>

Tu dois apprendre à bien utiliser les requêtes préparées. Les marqueurs doivent obligatoirement commencer par :.

Ton ajax fonctionnera si ton script serveur ajoutdevis.php envoie juste le fragment de code HTML prévu pour être inséré dans la div #article_refarticle. Pour éviter de dupliquer du code, il peut être intéressant de servir une div #article_refarticle vide au départ, et d’appeler ajoutdevis.php via ajax dès que le DOM est prêt (dans la fonction $(document).ready( … )).

**Zarkoffe** · 07/06/2019, 15h08

Merci pour ta réponse, en effet cette requête a + de sens que mon bazarre.
Avec ce code, mon tableau bloque (je clique pour créer une ligne, et elle ne se fait pas). sans me mettre d'erreur, ni même dans la console du navigateur.
Si je mets simplement la div tel que :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<td>
   <div id="article_refarticle">
   </div>
</td>

Les lignes s'ajoutent (mais la cellule est vide bien sûr).
Donc le problème viendrait peut-être du fait que le javascript qui ajoute la ligne n'apprécie pas que l'on construise une requête dans l'une de ces cellules.
Je continue à chercher de mon côté d'où vient le pb.
Si cela peut t'aider, voici le code qui s'occupe de la création de ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
    $(document).ready(function()
    {
        var Table_noms_messages = document.getElementById('table_article');
 
          const TR_Base = document.querySelector('#fantome tbody tr');
 
          $('#add_article').click(function () {    // "Ajouter un produit"
            var new_tr_clone = TR_Base.cloneNode(true);
            Table_noms_messages.appendChild( new_tr_clone );
          });
    }

merci d'avance

EDIT: J'ai vérifié du côté de la requête et de la table produit en bdd, tout semble bien construit.

**Watilin** · 07/06/2019, 15h33

Envoyé par Zarkoffe

[…] que le javascript qui ajoute la ligne n'apprécie pas que l'on construise une requête dans l'une de ces cellules.

JavaScript ne voit pas le code PHP. Fais Ctrl+U, tu verras ce qui arrive côté client. Le script PHP ne peut être interprété que sur le serveur. En résumé ça se passe comme ça :

le serveur reçoit une requête HTTP avec une URL en .php ;
il cherche le script PHP correspondant et le passe à son interpréteur PHP ;
PHP produit du texte (du code HTML en l’occurence) ;
le serveur envoie le texte produit via HTTP en réponse à la requête.

Quand le navigateur reçoit la réponse, il détermine à partir du Content-Type que c’est du HTML, puis utilise ses différents interpréteurs (HTML, JS, CSS). Il n’y a pas de PHP côté client.

Récupérer la valeur d'un SELECT

jQuery

Discussions similaires

Partager

Partager