afficher des données dans une FORM

Version imprimable

Bonjour,

Je souhaite afficher des données contenues dans différentes tables, liées par des requêtes.
Mes requêtes fonctionnes.
Voici un exemple simple pour vous aider à comprendre ma demande.
https://img4.hostingpics.net/thumbs/...2aaaaaaaaa.png
Je cherche un design type bootstrap si possible.

Merci d'avance;

Table pommes
idp
nom_pomme
id_couleur

Table couleur
idc
nom_couleur

Code pour afficher le nom des pommes dans la première liste.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <select name="nom_pomme" id="nom_pomme > <?php $reponse = $bdd->query('SELECT nom_pomme FROM pommes'); while ($donnees = $reponse->fetch()) { ?> <option value="<?php echo $donnees['nom_pomme'] ?>"> <?php echo $donnees['nom_pomme'] ?></option> <?php } ?> </select>
Un grand merci d'avance pour votre aide.

J'abuse mais si qqun peux me proposer un code identique mais avec deux listes déroulantes (meme si dans la deuxieme n'apparaitra qu'une couleur cela me permettra de comprendre comment cela fonctionne).

16/07/2017, 21h03
Nazoïde

Que veux-tu exactement. Dans les deux listes? Sois plus explicite.

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
 
<form name="select_pomme" action="" method="post">
<div id="pommes">
<select name="nom_pomme" id="nom_pomme >
 
<?php
$reponse = $bdd->query('SELECT * FROM pommes');
while ($donnees = $reponse->fetch())
{
?>
 
<option value="<?php echo $donnees['id_couleur'] ?>"> <?php echo $donnees['nom_pomme'] ?></option>
<?php
}
?>
</select>
</div>
 
<div id=couleurs>
 
</div>
 
<?php if (isset($_POST['id_couleur']) && $_POST['id_couleur'] != ""): ?>
    <?php
    $reponse = $bdd->query("SELECT * FROM couleur where idc = $_POST['id_couleur']");
while ($donnees = $reponse->fetch())
{
?>
 
        <input type="text" name="nom_couleur" id = "nom_couleur" value="<?php echo $donnees['nom_couleur'] ?>">
<?php
}
?>
 
<?php endif; ?>
</form>
 
<script type="text/javascript">
    $(document).ready(function () {
        $('#pommes').change(function () {
            $.post('?p=page_name',
                    {nom_pomme: $('#nom_pomme').val()},
            function (res) {
                $('#couleurs').html(res);
            }
 
            );
        });
    });
</script>

tu remplaces page_name par le nom de ta page et tu peaufine le reste.

16/07/2017, 22h37
blomotom

Citation:

Envoyé par Nazoïde

Que veux-tu exactement. Dans les deux listes? Sois plus explicite.

Ceci :
https://img4.hostingpics.net/thumbs/...aaaaaaaaaa.png

Je cherche a faire une seule page sur laquelle : chaque proprietaire a acces à toutes ses proprietes et qu'il voit toutes les caractéristiques de chaque propriete.

Tout est dans des tables et lié par des requetes qui fonctionnent. Si possible un truc sympa en desing style bootstrap et modifiable.
16/07/2017, 23h19
Nazoïde

L'implémentation du code précédent donne quoi?
A toi de le personnaliser.

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
 
 
<div class="container">
    <h1 align="center">TEST</h1>
    <br />
    <select name="car" id="car" class="form-control input-md">
        <option value="">Selectionner votre propriete</option>
		<?php
		$query = "Select propriete from CC_propriete";
		$reponse = $connect->prepare($query);
		$reponse->execute();
		while ($donnees = $reponse->fetch())
		{
		?>
		<option value="<?php echo $donnees['propriete '] ?>"> <?php echo $donnees['propriete '] ?></option>
		<?php
		}
?>
	<br />
 
 
 
 
	<label class="col-md-10 control-label">Nom du compteur:</label>

Comment puis afficher le nom du compteur lié a la propriete par l'id dans le label ?

Code:

1
2
 
$query = "Select nom_compteur from CC_propriete, CC_compteur where CC_compteur.id = CC_propriete.id";

17/07/2017, 12h55
Nazoïde

Le code précédent fonctionne? Que veux-tu faire exactement actuellement.
17/07/2017, 15h24
blomotom

Citation:

Envoyé par Nazoïde

Le code précédent fonctionne? Que veux-tu faire exactement actuellement.

Code:

<label class="col-md-10 control-label">Nom du compteur:</label>

Peux tu stp me develloper le code dessous STP ^^^^ ? Pour afficher le nom du compteur. Je t'ai mis la requete plus haut. Merci d'avance.