Création d'un formulaire dynamique

**nadgeul** · 09/06/2016, 11h04

Mais c'est bizarre que dans afficherMessage.php
le valeur_select ne se remplissent pas

$valeur_select = isset($_GET['choix']) ? $_GET['choix']:null;

quand je fais un var_dump($valeur_select)
j'obtiens

Notice: Undefined index: choix in
qui correspond a la ligne que je viens de mettre

**JujuPomme** · 09/06/2016, 11h11

Mmmh, essaie avec $_POST à la place des $_GET?

Poste ton fichier js et ton php

**nadgeul** · 09/06/2016, 11h24

Alors même avec le post ca ne marche pas

fichier affichageMessage

Code :

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
	$pdo = new PDO('mysql:host=localhost; dbname=appli', 'root', '');       
 
 
 foreach (glob("Classe/*") as $file) {
        require_once($file);
      }
 
	$valeur_select = isset($_POST['choix']) ? $_POST['choix']:null;
	var_dump( $_GET['choix'] )  ;
 
 	$q = $pdo->prepare("SELECT cat_message FROM categorie where cat_id = '".$valeur_select."'");
    $q->execute() ;
    $donnees = $q->fetch(PDO::FETCH_ASSOC);
 
 	var_dump($donnees) ;
 
    return $donnees ;

fichier formulaire avec fonction js

Code :

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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
 
<!DOCTYPE html>
<html >
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  </head>
  <body>
 
    <form class='form-inline' method="post" action="">
      <div class="form-group">
 
        <p >
          <label >Numéro Dossier </label> :
 
          <input  type="text" name="numDoss" />
        </p>
 
        <p >
          <label>Adresse destinataire</label> :
          <input type="mail" name="adrDest" />
        </p>
 
        <p>
          <label>Catégorie</label> :
          <select id="mySelect" onchange="myFunction()" name="categorie">
            <option value="0">Choisir une catégorie</option>
              <?php
                $cats = $managerCat->getList();
                foreach ($cats as $cat) 
                {
                  echo "<option value='".$cat->getId()."'>".$cat->getLibelle()."</option>" ;
 
                }
              ?>
          </select>
        </p>
 
        <p>
          <label>Sujet </label> :
          <input type="text" name="sujet" />
        </p>
 
        <p>
          <label> Corps du message </label> </br>
          <textarea name="corps" ></textarea>
        </p>
 
        <p>
          <select name="pers" >
            <?php $pers = $managerPer->getList(); ?>
              <option value="0">Choisir une personne</option>
                <?php
                  $pers = $managerPer->getList();
                  foreach ($pers as $per)
                   {
                      echo "<option value='".$per->getId()."'>".$per->getNom()."</option>" ;
                  }                   
                ?>
          </select>
        </p>
 
        <p>
          <input type="submit" class='btn btn-default' value="Envoyer" name = "Envoyer">
        </p>
      </div>
    </form>
 
 
  </body>
</html>
 
<?php
if (!empty($alert))
{
    echo '<p style="color:red">'.$alert.'</p>';
} ?>
 
 
<!-- script javascript -->
<script>
function myFunction() {
  // Tu récupères la valeur selectionnée du select
   var x = document.getElementById("mySelect").value;
   //var x = document.getElementById("mySelect").val();
  // document.write(x) ; 
  // Requête AJAX
  $.ajax( 
  {
    // ton fichier php 
    url: 'afficherMessage.php',
    data: { choix: x },
    success: function(data) {
    //console.log(data);
   }
 
  })
}
 
 
 
 
</script>

EDIT : Dans mon navigateur j'ai mis afficherMessage.php?choix=1 en dur
Et donc var_dump( $_GET['choix'] ) ; me retourne bien string '1' (length=1)
Mais la requete toujours false ..

**JujuPomme** · 09/06/2016, 11h30

Dans l'idée ça m'a l'air pas mal...
Teste ça :

Code :

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
function myFunction() {
  // Tu récupères la valeur selectionnée du select
   var x = document.getElementById("mySelect").value;
  // Requête AJAX
  $.ajax( 
  {
    // ton fichier php 
    url: 'afficherMessage.php',
    type: 'post',
    dataType: 'html',
    data: { choix: 10 },
    success: function(data) {
    //console.log(data);
   }
 
  })
}

Et dans ton php, tu passes en $_POST. Essaie d'afficher choix qui a pour valeur, 10

**nadgeul** · 09/06/2016, 11h34

J'obtiens cette erreur du cote de afficheMessage.php

qui correpond a

Notice: Undefined index: choix

Code :

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

1
2
3
4
5
6
7
8
9
10
$valeur_select = isset($_POST['choix']) ? $_POST['choix']:null;
	var_dump( $_GET['choix'] )  ;
 	
 	$q = $pdo->prepare("SELECT cat_message FROM categorie where cat_id = '".$valeur_select."'");
    $q->execute() ;
    $donnees = $q->fetch(PDO::FETCH_ASSOC);

 	var_dump($donnees) ;
	
    return $donnees ;

**JujuPomme** · 09/06/2016, 11h35

$valeur_select = isset($_POST['choix']) ? $_POST['choix']:null;
var_dump( $_GET['choix'] ) ;

Faut pas faire à moitié aussi... Tu passes en $_POST et tu veux afficher une variable que tu recevrais en $_GET...

EDIT : Un echo suffirait

**nadgeul** · 09/06/2016, 11h38

Faut pas faire à moitié aussi...

Autant pour moi , erreur d’étourderie
Avec un echo de valeur_select ça fais rien ....

**JujuPomme** · 09/06/2016, 11h41

Je commence à sécher un peu

Tu as bien rajouté les paramètres que j'ai mis dans ta requête AJAX? ça devient bizarre cette histoire.

EDIT : Pour être bien sur une bonne fois pour toute, si tu mets un alert('test'); au début de myFunction(), ça passe bien hein?

**nadgeul** · 09/06/2016, 11h42

Code :

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
<script>
function myFunction() {
  // Tu récupères la valeur selectionnée du select
   var x = document.getElementById("mySelect").value;
  // Requête AJAX
  $.ajax( 
  {
    // ton fichier php 
    url: 'afficherMessage.php',
    type: 'post',
    dataType: 'html',
    data: { choix : 10},
    success: function(data) {
    //console.log(data);
   }
 
  })
}

J'ai mis sa

**nadgeul** · 09/06/2016, 11h43

Si tu sèche t'inquiète pas pour moi je vais bien y arriver un jour ^^

**JujuPomme** · 09/06/2016, 11h45

Envoyé par nadgeul

Code :

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
<script>
function myFunction() {
  // Tu récupères la valeur selectionnée du select
   var x = document.getElementById("mySelect").value;
  // Requête AJAX
  $.ajax( 
  {
    // ton fichier php 
    url: 'afficherMessage.php',
    type: 'post',
    dataType: 'html',
    data: { choix : 10},
    success: function(data) {
    //console.log(data);
   }
 
  })
}

J'ai mis sa

Ok donc ça c'est bon, y à rien à y toucher.

Si tu fais un alert('test') avant le var x, ça passe? et après?

Il faut que tu débug, affiche tes variables un peu partout, savoir à quel moment on la perd.

**nadgeul** · 09/06/2016, 11h48

Alors j'ai fais

Code :

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
function myFunction() {
  // Tu récupères la valeur selectionnée du select
alert('test') ; 
   var x = document.getElementById("mySelect").value;

  // Requête AJAX
  $.ajax( 
  {
    // ton fichier php 
    
    url: 'afficherMessage.php',
    type: 'post',
   // dataType: 'html',
    data: { choix : x},
    success: function(data) {
    //console.log(data);
   }
 
  })
}

Et sa passe le alert s'affiche

Code :

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
function myFunction() {
  // Tu récupères la valeur selectionnée du select

   var x = document.getElementById("mySelect").value;
alert('test') ; 
  // Requête AJAX
  $.ajax( 
  {
    // ton fichier php 
    
    url: 'afficherMessage.php',
    type: 'post',
   // dataType: 'html',
    data: { choix : x},
    success: function(data) {
    //console.log(data);
   }
 
  })
}

ici aussi

Code :

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
function myFunction() {
  // Tu récupères la valeur selectionnée du select

   var x = document.getElementById("mySelect").value;

  // Requête AJAX
  $.ajax( 
  {
    // ton fichier php 
    alert('test') ; 
    url: 'afficherMessage.php',
    type: 'post',
   // dataType: 'html',
    data: { choix : x},
    success: function(data) {
    //console.log(data);
   }
 
  })
}

la non

**JujuPomme** · 09/06/2016, 11h53

Alors on repart dans des test:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function myFunction() {
  // Tu récupères la valeur selectionnée du select
 
   var x = document.getElementById("mySelect").value;
  $.ajax( 
  {
    url: 'afficherMessage.php',
    data: { choix: x, test: 'test'}
 
  })
}

Dans afficherMessage.php, première chose que tu fais : (On repasse en $_GET)

Code :

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

1
2
echo($_GET['choix']);
echo($_GET['test']);

**nadgeul** · 09/06/2016, 12h04

Je ne comprend plus rien en fait
Comment la page afficheMessage peut connaitre get['choix'] et get['test'] si elle sont executé chacune de leurs coté, car le formulaire ne renvoie pas sur afficheMessage quoi ...

**JujuPomme** · 09/06/2016, 12h07

Alors, on reprend... Il faut le dire, autant que tu comprennes ce que tu fasses, sinon ça à aucun intérêt.

Sur ton select, on a mit un attribut onChange="myFunction();" ce qui revient à dire qu'à chaque fois qu'une option est selectionnée (et donc le onChange prend tout son sens), la fonction myFunction est appelée.

Dans cette fonction, ce qu'on fait, c'est qu'on récupère la valeur de ce select avec le

Code :

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

document.getElementById

Une fois qu'on à cette valeur, on fait une requête AJAX. On appelle donc un fichier php, qui lui, s'occupe de faire la requête dans ta base de donnée avec la valeur récupérée du select.

De cette manière, on est censé (logiquement) récupéré le message associé au choix fait dans ton select.

C'est mieux?

N'hésite pas à te documenter sur AJAX puisque tu as l'air d'avoir de petits soucis de compréhension dessus.

**nadgeul** · 09/06/2016, 12h11

Ok d'accord j'ai compris ce qu'on est en train de faire, fin c'est plus clair maintenant, je pense que oui j'ai beaucoup de lacune en js, ajax et c'est pour ça que j'ai du mal a comprendre... je sais ce qu'il me restera a faire ^^

Ceci dis ca n'a pas l'air de fonctionner ...

**JujuPomme** · 09/06/2016, 12h15

As-tu fais les modifications deux posts plus haut?

De cette manière, on envoie des paramètres en faisant la requête AJAX. Un paramètre qui à pour nom 'choix' et comme valeur x (qui je rappel, est la valeur récupérée de ton select) et un paramètre qui pour nom 'test' et comme valeur 'test'.

De l'autre côté, on essaie d'afficher ces paramètres pour voir si le passage d'arguments fonctionne correctement.

**nadgeul** · 09/06/2016, 12h18

Je t'envoie ce que j'ai fais

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function myFunction() {
  // Tu récupères la valeur selectionnée du select
 
   var x = document.getElementById("mySelect").value;
  $.ajax( 
  {
    url: 'afficherMessage.php',
    data: { choix: x, test: 'test'}
 
  })
}

et

Code :

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
<?php
	$pdo = new PDO('mysql:host=localhost; dbname=appli', 'root', '');       


 foreach (glob("Classe/*") as $file) {
        require_once($file);
      }



	echo($_GET['choix']);
	echo($_GET['test']);


	$valeur_select = isset($_POST['choix']) ? $_POST['choix']:null;
	echo $valeur_select ; 
 	
 	$q = $pdo->prepare("SELECT cat_message FROM categorie where cat_id = '".$valeur_select."'");
    $q->execute() ;
    $donnees = $q->fetch(PDO::FETCH_ASSOC);

 	var_dump($donnees) ;
	
    return $donnees ;

quand je vais sur la page afficheMessage sa marche aps il dis qu'il ne connais pas les index de get

**JujuPomme** · 09/06/2016, 12h22

Code :

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
<?php
echo($_GET['choix']);
echo($_GET['test']);
 
$pdo = new PDO('mysql:host=localhost; dbname=appli', 'root', '');       
 
 
foreach (glob("Classe/*") as $file) {
require_once($file);
}
 
$valeur_select = isset($_POST['choix']) ? $_POST['choix']:null;
echo $valeur_select ; 
 
$q = $pdo->prepare("SELECT cat_message FROM categorie where cat_id = '".$valeur_select."'");
$q->execute() ;
$donnees = $q->fetch(PDO::FETCH_ASSOC);
 
var_dump($donnees) ;
return $donnees ;
?>

Mets les vraiment en première ligne.
Vide ton cache quand tu recharges ta page (ctrl + f5). Tu utilises firebug? Il te dit quoi? C'est vraiment bizarre.

Pour exemple, j'ai utilisé il y a peu le même système :

Code :

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

1
2
3
4
5
$.ajax({
				url: 'interlocuteur_table/insert_in_bdd.php',
				dataType: 'json',
				data: { titre: values['I_QUALIF'], nom: values['I_NOM'], prenom: values['I_PRENOM'], telephone: values['I_TEL1'], portable: values['I_TEL3'], email: values['I_EMAIL'], fonction: values['I_ADRESSE4'] }
			});

Et je récupère très bien mes variables...

**JujuPomme** · 09/06/2016, 12h24

Mais non.................................................

Je viens de voir.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function myFunction() {
  // Tu récupères la valeur selectionnée du select
 
   var x = document.getElementById("mySelect").value;
  $.ajax( 
  {
    url: 'afficherMessage.php',
    data: { choix: x, test: 'test'}
 
  });
}

La rigueur est l'une des choses les plus importantes quand tu développes...

Création d'un formulaire dynamique

Langage PHP

Discussions similaires

Partager

Partager