Valeurs présentes dans BDD dans champs input

Bonjour à tous :)

Actuellement étudiant, j'ai pour projet de creer une application web permettant de modifier la valeurs d'indicateurs choisi dans une base de données.

J'ai Actuellement fini l'interface web et j'ai relié la base avec PDO. Jusqu'a la aucun problème, ça fonctionne :)

je vous joins une capture d'ecran pour appuyer mon explication :

Pièce jointe 176264

Je souhaiterais maintenant, une fois l'indicateur choisi à l'aide de la liste deroulante, afficher les valeurs présente dans la basedirectement dans le champ input si celles-ci existent. J'ai cherché de l'aide sur internet, mais je n'ai pas trouvé comment faire sachant que ma liste déroulante est sur la même page que mes champs input.

Donc si quelqu'un à une idée ... ^^

Je vous joins également mes scripts, si ça peut vous permettre d'y voir plus clair :

code HTML:

Code:

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
<!DOCTYPE html>
<html>
<head>
    <title>CDG - Indigo - Saisie</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="css/CDG.css"/>
    <script type="text/javascript" src="scripts/script.js"></script>
</head>
<body>
<img src=images/banniereCDG.gif border="0" id="banniere" >
 
<h2> Saisie des données élémentaires</h2>
 
<form action="pdo.php" method="post" >
<div>
    <fieldset>
        <legend> Veuillez completer les informations : </legend>
        <label>Code de la <B><U> Donnée élémentaire :</U></B></label>      
        <select name="DE" id="DE" onchange="Change()">
            <option value="">Sélectionnez</option>
            <option value="IF30301">IF30301</option>
            <option value="IF30302">IF30302</option>
            <option value="IF30303">IF30303</option>
            <option value="IF30304">IF30304</option>
            <option value="IF30305">IF30305</option>
            <option value="IF30306">IF30306</option>
            <option value="IF30307">IF30307</option>
            <option value="IF30308">IF30308</option>
            <option value="IF30309">IF30309</option>
            <option value="IF30310">IF30310</option>
            <option value="IF31201">IF31201</option>
            <option value="IF31202">IF31202</option>
                    [...]
 
        </select>
 
<div id="divM" style="display:none">
    <table>
        <tr class="titre">
            <td>Janvier</td><td>Fevrier</td><td>Mars</td><td>Avril</td><td>Mai</td><td>Juin</td><td>Juillet</td><td>Aout</td><td>Septembre</td><td>Octobre</td><td>Novembre</td><td>Decembre</td>
        </tr>
        <tr>
            <td><input type='number' step="0.01" min="0" name='M1' id="M1"></td>
            <td><input type='number' step="0.01" min="0" name='M2' id="M2"></td>
            <td><input type='number' step="0.01" min="0" name='M3' id="M3"></td>
            <td><input type='number' step="0.01" min="0" name='M4' id="M4"></td>
            <td><input type='number' step="0.01" min="0" name='M5' id="M5"></td>
            <td><input type='number' step="0.01" min="0" name='M6' id="M6"></td>
            <td><input type='number' step="0.01" min="0" name='M7' id="M7"></td>
            <td><input type='number' step="0.01" min="0" name='M8' id="M8"></td>
            <td><input type='number' step="0.01" min="0" name='M9' id="M9"></td>
            <td><input type='number' step="0.01" min="0" name='M10' id="M10"></td>
            <td><input type='number' step="0.01" min="0" name='M11' id="M11"></td>
            <td><input type='number' step="0.01" min="0" name='M12' id="M12"></td>
        </tr>    
    </table>         
</div>
 
<div id="divT" style="display:none" align="center">
    <table>
        <tr class="titre"><td>1er Trimestre</td><td>2eme Trimestre</td><td>3eme Trimestre</td><td>4eme Trimestre</td></tr>
        <tr>
            <td><input type='number' step="0.01" min="0" name='T1' id="T1"></td>
            <td><input type='number' step="0.01" min="0" name='T2' id="T2"></td>
            <td><input type='number' step="0.01" min="0" name='T3' id="T3"></td>
            <td><input type='number' step="0.01" min="0" name='T4' id="T4"></td>
        </tr>
    </table>
</div>
 
<div id="divS" style="display:none" align="center">
    <table>
        <tr class="titre"><td>1er Semestre</td><td>2eme Semestre</td></tr>
        <tr>
            <td><input type='number' step="0.01" min="0" name='S1' id="S1"></td>
            <td><input type='number' step="0.01" min="0" name='S2' id="S2"></td>
        </tr> 
    </table>
</div>
 
<div id="divA"  style="display:none" align="center">
    <table>
        <tr class="titre"><td>Année</td></tr>
        <tr>
            <td><input type='number' step="0.01" min="0" name='A' id="A"></td>
        </tr>
    </table>
</div>
</fieldset>
 
 <p>
 <input type="submit" value="Envoyer" />
 <li id="finir"><a href="index.php">FINIR</a></li>
  <a href="listede.php">Voir les données élémentaires remplies</a>
 </p>
</div>
</form>  
 
    </body>
</html>

et le code PHP:

Code:

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
<?php
try{
    // Connexion
    $bdd = new PDO('mysql:host=127.0.0.1;dbname=valeurs;charset=utf8', 'root', '');
}
catch (Exception $e){
        die('Erreur : ' . $e->getMessage());
}
 
    //Recupération de la valeur du post
    $DE=$_POST['DE'];
    $M1=$_POST['M1'];
    $M2=$_POST['M2'];
    $M3=$_POST['M3'];
    $M4=$_POST['M4'];
    $M5=$_POST['M5'];
    $M6=$_POST['M6'];
    $M7=$_POST['M7'];
    $M8=$_POST['M8'];
    $M9=$_POST['M9'];
    $M10=$_POST['M10'];
    $M11=$_POST['M11'];
    $M12=$_POST['M12'];
    $T1=$_POST['T1'];
    $T2=$_POST['T2'];
    $T3=$_POST['T3'];
    $T4=$_POST['T3'];
    $S1=$_POST['S1'];
    $S2=$_POST['S2'];
    $A=$_POST['A'];
 
    //preparation et envoi des requetes, plusieurs requete pour eviter l'envoie de 0 non voulu
    $reqM = $bdd->prepare('UPDATE valeursde SET M1 = :M1, M2 = :M2, M3 = :M3, M4 = :M4, M5 = :M5, M6 = :M6, M7 = :M7, M8 = :M8, M9 = :M9, M10 = :M10, M11 = :M11, M12 = :M12 WHERE DE = :DE AND Periode = "M"');
    $reqT = $bdd->prepare('UPDATE valeursde SET T1 = :T1, T2 = :T2, T3 = :T3, T4 = :T4 WHERE DE = :DE AND Periode = "T"');
    $reqS = $bdd->prepare('UPDATE valeursde SET S1 = :S1, S2 = :S2 WHERE DE = :DE AND Periode = "S"');
    $reqA = $bdd->prepare('UPDATE valeursde SET A = :A WHERE DE = :DE AND Periode = "A"');
 
 
    $reqM->execute(array(
    'M1' => $M1,
    'M2' => $M2,
    'M3' => $M3,
    'M4' => $M4,
    'M5' => $M5,
    'M6' => $M6,
    'M7' => $M7,
    'M8' => $M8,
    'M9' => $M9,
    'M10' => $M10,
    'M11' => $M11,
    'M12' => $M12,
    'DE' => $DE));
 
    $reqT->execute(array(
    'T1' => $T1,
    'T2' => $T2,
    'T3' => $T3,
    'T4' => $T4,
    'DE' => $DE));
 
    $reqS->execute(array(
    'S1' => $S1,
    'S2' => $S2,
    'DE' => $DE));
 
    $reqA->execute(array(
    'A' => $A,
    'DE' => $DE));
 
    header ("Location: $_SERVER[HTTP_REFERER]" );
    die();
?>

Voila, merci d'avance pour ceux qui vont prendre la peine de lire ^^