les champ d'une liste deroulante depende d'un champs.

Marsh Posté le 28-09-2010 à 11:32:23

Bonjours , j'ai une base de donnée Pays , ville

toutes les villes et les pays sont en liste déroulantes , ce que je veux faire c'est :

lorsque je sélectionne un pays dans la liste déroulante, les villes affiché dans l'autre liste son ceux du pays sélectionné.

aidez moi s'il vous plait ...

Code :

<tr>
<td align="right"><font color="#FFFFFF">Pays :</font></td>
<td> <select name="pays" style="width:262" >
<?php
mysql_connect("localhost","root","" );
mysql_select_db("trafic" );
$pays=mysql_query("select * from pays" );
while($code_pays=mysql_fetch_array($pays))
{
$ville_code_pays = "{$code_pays['code_pays']}";
echo "<option>{$code_pays['code_pays']}/{$code_pays['lib_pays']}</option>";
}
mysql_close();
?>
</select>
</td>
</tr>
<tr>
<td align="right"><font color="#FFFFFF">ville :</font></td>
<td>
<select name="ville" STYLE="width:262">
<?php
mysql_connect("localhost","root","" );
mysql_select_db("trafic" );
$ville=mysql_query("SELECT * FROM trafic.ville WHERE ville.code_pays ='$ville_code_pays'" );
while($code_ville=mysql_fetch_array($ville))
{
echo "<option>{$code_ville['code_ville']}/{$code_ville['lib_ville']}/{$code_ville['$code_pays']}</option>";
}
mysql_close();
?>
</select>
</td>

Reply

Marsh Posté le 28-09-2010 à 11:32:23

Reply

Marsh Posté le 28-09-2010 à 13:26:14

Déjà, pas besoin de te connecter 2 fois ta base de données, connecte toi en haut de ta page, et déconnecte toi en bas

Ensuite, le soucis réside, à mon avis, dans la 2° partie, dans ta requête SQL : trafic.ville.
Tu devrais faire ceci :
select * from trafic, ville where ville.code_pays = '$ville_code_pays' and ville.code_ville = trafic.code_ville (si tu as un champ code_ville dans trafic).

En fait, tu dois dire quels sont les champs qui sont les mêmes dans tes 2 tables

---------------
Musique et dev web : www.nicolaskern.fr - Mon feed - Mes ventes info et photo

Reply

Marsh Posté le 28-09-2010 à 13:33:35

un petit Update ...
je viens de trouver le code JavaScript pour Créer ce que je veux. il ne me reste que l'adaptation pour ma base.

LE CODE!!

Code :

* <html>
*
* <head>
* <title>Créer par Frop01 (Membre du Club CodeS-Source.com)</title>
* <script>
* List = new Array();
* function Remplir(valeur){
* var sel="";
* sel ="<select size='1' name='souscat'>";
* // Parcourir le tableau
* for (var i=0;i<List.length;i++)
* {
* // tester si la ligne du tableau (Sous-catégorie) correspond à la valeur de la catéhorie
* if (List[i][1]==valeur)
* {
* // Ajouter une rubrique sous-catégorie au variable SEL
* sel= sel + "<option value="+List[i][0]+">"+List[i][2]+"</option>";
* }
*
* }
* sel =sel + "</select>";
* // Modifier le DIV scat par la nouvelle List à partir du variable SEL
* document.getElementById('scat').innerHTML=sel;
* }
* </script>
* </head>
* <body>
*
* <form method="POST" action="Ajout6.php3">
* <select size="1" name="cat" OnChange="Remplir(cat.value)">
* <?php
* // Paramètres de la Connexion à la base MYSQL
* $user="root";
* $host="localhost";
* $password="";
* $database="essai";
* $i=0; // variable de test
* $j=0; // variable pour garder la valeur du premier enregistrement catégorie pour l'affichage
*
* $connexion = mysql_connect($host,$user,$password) or die ("Connexion au serveur impossible" );
*
* mysql_select_db($database,$connexion);
*
* // Séléction de tous les enregistrements de la table Catégorie
* $rq="Select * from categorie order by designation;";
* $result= mysql_query ($rq) or die ("Select impossible" );
*
* while ($dt=mysql_fetch_row($result))
* {
* // Remplir la liste déroulante des catégorie
* echo "\t\t<option value=".($dt[0]).">".($dt[1])."</option>";
* if ($i==0) { $j=$dt[0]; $i=1; } // garder la valeur du premier enregistrement
* }
*
* ?>
*
* </select><br><br>
*
* <DIV id="scat">
* <select size="1" name="souscat">
* </select>
* </DIV>
*
* <?php
*
* // Séléction de tous les enregistrements de la table Sous-Catégorie
* $rq="Select * from sous_categorie order by designation;";
* $result= mysql_query ($rq) or die ("Select impossible" );
* // $i = initialise le variable i
* $i=0;
* while ($dt=mysql_fetch_row($result))
* {
* // Remplir le tableau (array) en javascript
* // ex : List[1]=new Array (1,1,"Sous-catégorie 1" );
* // ex : List[2]=new Array (2,1,"Sous-catégorie 2" );
* echo "<script>List[".$i."] = new Array(".($dt[0]).",".($dt[1]).",'".($dt[2])."');</script>";
* $i=$i+1; // Incrémentation de $i
* }
* echo "<script>Remplir ($j); </script>"; // Remplir la deuxième liste de choix avec les données
* // des sous-catégories en utilisant la valeur j
* ?>
* <br><br>
* <input type="submit" name="Send" value="Envoyer">
* </form>
*
* </body>
*
* </html>

et les tables !!!

Code :

Base de données exemple :
# phpMyAdmin SQL Dump
# version 2.5.3
# http://www.phpmyadmin.net
#
# Serveur: localhost
# Généré le : Samedi 28 Août 2004 à 13:05
# Version du serveur: 4.0.15
# Version de PHP: 4.3.3
#
# Base de données: `essai`
#
# -------------------------------------------------- ------
#
# Structure de la table `categorie`
#
CREATE TABLE `categorie` (
`id_cat` int(5) NOT NULL auto_increment,
`designation` varchar(50) NOT NULL default '',
`comment` varchar(255) NOT NULL default '',
PRIMARY KEY (`id_cat`),
UNIQUE KEY `designation` (`designation`)
) TYPE=MyISAM AUTO_INCREMENT=9 ;
#
# Contenu de la table `categorie`
#
INSERT INTO `categorie` VALUES (1, 'Ressources Webmaster', 'Site dédié aux webmasters. Tutorials, Exemples, Codes Sources, ressources, images, Cliparts, Gifs, Forums ...');
INSERT INTO `categorie` VALUES (2, 'Downloads', 'Téléchargement freeware, shareware...');
INSERT INTO `categorie` VALUES (3, 'Programmation', 'Developpement programmation');
# -------------------------------------------------- ------
#
# Structure de la table `sous_categorie`
#
CREATE TABLE `sous_categorie` (
`id_scat` int(5) NOT NULL auto_increment,
`idcat` int(5) NOT NULL default '0',
`designation` varchar(50) NOT NULL default '',
`comment` varchar(255) NOT NULL default '',
PRIMARY KEY (`id_scat`),
UNIQUE KEY `designation` (`designation`)
) TYPE=MyISAM AUTO_INCREMENT=9 ;
#
# Contenu de la table `sous_categorie`
#
INSERT INTO `sous_categorie` VALUES (5, 1, 'Php & Mysql', 'Forums, Tutorials, Codes Sources ..');
INSERT INTO `sous_categorie` VALUES (4, 3, 'Visual Basic', 'VB, VB.NET, Crystal Report, Access, SQL SERVER ..');
INSERT INTO `sous_categorie` VALUES (6, 1, 'Javascript', 'Tutorials pour javascript, Forums ...');
INSERT INTO `sous_categorie` VALUES (2, 1, 'Gifs animés, Icônes', 'Téléchargement gifs animés , clipart, Icones');
INSERT INTO `sous_categorie` VALUES (1, 1, 'Templates', 'Sites de téléchargement de modèles de site web');
INSERT INTO `sous_categorie` VALUES (3, 2, 'Pilotes', 'Drivers, pilotes, carte graphiques');
INSERT INTO `sous_categorie` VALUES (7, 2, 'Freeware, sharware', 'Freeware, sharware');
INSERT INTO `sous_categorie` VALUES (8, 3, 'SQL SERVER', 'Tutorials forum SQL SERVER');

Reply

Marsh Posté le 28-09-2010 à 13:41:37

Bon ben impeccable, bonne chance alors

---------------
Musique et dev web : www.nicolaskern.fr - Mon feed - Mes ventes info et photo

Reply

Marsh Posté le 28-09-2010 à 13:54:39

merci pour votre temps et votre aide ... je vous le dis si je block.

Reply

Marsh Posté le 28-09-2010 à 14:03:56

Ok pas de soucis

---------------
Musique et dev web : www.nicolaskern.fr - Mon feed - Mes ventes info et photo

Reply

Marsh Posté le 28-09-2010 à 14:28:35

please j'ai encore besoin de votre aide :
CODE

Code :

<script>
List = new Array();
function Remplir(valeur){
var sel="";
sel ="<select size='1' name='souscat'>";
// Parcourir le tableau
for (var i=0;i<List.length;i++)
{
// tester si la ligne du tableau (Sous-catégorie) correspond à la valeur de la catéhorie
if (List[i][1]==valeur)
{
// Ajouter une rubrique sous-catégorie au variable SEL
sel= sel + "<option value="+List[i][0]+">"+List[i][2]+"</option>";
}
}
sel =sel + "</select>";
// Modifier le DIV scat par la nouvelle List à partir du variable SEL
document.getElementById('scat').innerHTML=sel;
}
</script> <tr>
<td align="right"><font color="#FFFFFF">Pays :</font></td>
<td>
<select size="1" name="pays" OnChange="Remplir(cat.value)" style="width:262">
<?php
// Paramètres de la Connexion à la base MYSQL
$user="root";
$host="localhost";
$password="";
$database="trafic";
$i=0; // variable de test
$j=0; // variable pour garder la valeur du premier enregistrement catégorie pour l'affichage
$connexion = mysql_connect($host,$user,$password) or die ("Connexion au serveur impossible" );
mysql_select_db($database,$connexion);
// Séléction de tous les enregistrements de la table Catégorie
$rq="Select * from pays order by lib_pays;";
$result= mysql_query ($rq) or die ("Select impossible" );
while ($dt=mysql_fetch_row($result))
{
// Remplir la liste déroulante des catégorie
echo "\t\t<option value=".($dt[0]).">".($dt[1])."</option>";
if ($i==0) { $j=$dt[0]; $i=1; } // garder la valeur du premier enregistrement
}
?>
</select><br><br>
</td>
</tr>
<tr>
<td align="right"><font color="#FFFFFF">ville :</font> </td>
<td>
<DIV id="scat">
<select size="1" name="ville" style="width:262">
</select>
</DIV>
<?php
// Séléction de tous les enregistrements de la table Sous-Catégorie
$rq="Select * from ville order by lib_ville;";
$result= mysql_query ($rq) or die ("Select impossible" );
// $i = initialise le variable i
$i=0;
while ($dt=mysql_fetch_row($result))
{
// Remplir le tableau (array) en javascript
// ex : List[1]=new Array (1,1,"Sous-catégorie 1" );
// ex : List[2]=new Array (2,1,"Sous-catégorie 2" );
echo "<script> List[".$i."] = new Array(".($dt[0]).",".($dt[1]).",'".($dt[2])."'); </script>";
$i=$i+1; // Incrémentation de $i
}
echo "<script> Remplir($j); </script>"; // Remplir la deuxième liste de choix avec les données des sous-catégories en utilisant la valeur j
?>
</td>

Reply

Marsh Posté le 28-09-2010 à 14:36:13

Si tu ne me donnes pas le code html de l'output on va pas aller loin

---------------
Musique et dev web : www.nicolaskern.fr - Mon feed - Mes ventes info et photo

Reply

Marsh Posté le 28-09-2010 à 14:41:11

que voulez vous dire par Output ... je vous donnerai tout ce dons vous avez besoin.

Reply

Marsh Posté le 28-09-2010 à 14:50:33

Le code html de la page

---------------
Musique et dev web : www.nicolaskern.fr - Mon feed - Mes ventes info et photo

Reply

Marsh Posté le 28-09-2010 à 14:50:33

Reply

Marsh Posté le 28-09-2010 à 15:35:04

Code :

<html>
<head>
<title>TraficOperat-Booking</title>
<script language="javascript" src="js/cal2.js"></script>
<script language="javascript" src="js/cal_conf2.js"></script>
<script language="javascript" src="js/fonctions.js"></script>
<style type="text/css">
<!--
a:link { text-decoration:none; font-weight:bold; color:#3B5998;}
a:visited { text-decoration:none; font-weight:bold; color:#3B5998;}
a:hover { text-decoration:none; font-weight:bold; color:#3B5998;}
a:active { text-decoration:none; font-weight:bold; color:#3B5998; }
-->
</style>
</head>
<body>
<table width="980px" height="100px" bgcolor="#3B5998" align="center" frame="void">
<tr>
<td align="center"><img src="boperat.jpg"><hr color="#FFFFFF" width="600px" align="center" /></td>
</tr>
<tr>
<td>    
<a href="gestion_des_comptes.php"><font color="#FFFFFF"> Gestion des Comptes      </font></a>
<a href="enregistrement.php"><font color="#FFFFFF">Booking      </font></a>
<a href="consultations.php"><font color="#FFFFFF">Consultations      </font></a>
<a href="consultations.php"><font color="#FFFFFF">Compatbilité      </font></a>
<a href="../login.html" onClick="noBack();"><font color="#FFFFFF">Déconnexion</font></a>
</td>
</tr>
</table>
<br/>
<form name="sampleform" action="Acces/Enr.php" method="POST">
<?php
function changeDate($input)
{
$output=$input{8}.$input{9}."/".$input{5}.$input{6}."/".$input{0}.$input{1}.$input{2}.$input{3};
return $output;
}
?>
<table width="980px" bgcolor="#3B5998" align="center" frame="void">
<tr>
<td align="right"><font color="#FFFFFF">Libellé réservation :</font></td>
<td aligh="center"><input type="text" name="label_book" size="39" autocomplete="off"/></td>
</tr>
<TR>
<td align="right"><font color="#FFFFFF">Date de réservation :</font></td>
<td><input type="text" name="date_book" size="39" autocomplete="off"> <a href="javascript:showCal('Calendar2')"><img src="cal.jpg" align="center">"
</td>
</TR>
<td height="42" align="right"><font color="#FFFFFF">Y a t-il une prolongation ? </font></td>
<td>
<input name="nouveau_code" type="button" style="color:red" value="Oui" onClick="ajaxFunction20();ajaxFunction21();ajaxFunction22();ajaxFunction23();
"/><input type="hidden" name="new_id_code" size="39" value="Entrer la duree"/>
</td>
</tr>
<tr>
<td align="right"></td>
</tr>
</tr>
<TR>
<td align="right"><font color="#FFFFFF">durée réservation :</font></td>
<td><input type="text" name="duree_book" size="39" autocomplete="off">
</td>
</TR>
<!--<TR>
<td align="right"><font color="#FFFFFF">Prolongation ? :</font></td>
<td align="left"><input type="checkbox" name="service1"/></td>
<td align="right"><font color="#FFFFFF">duree prolongation :</font></td>
<td><input type="text" name="duree_pro" size="39" autocomplete="off"/></td>
</TR>-->
</tr>
<tr>
<td align="right"></td>
</tr>
<TR>
<td align="right"><font color="#FFFFFF">Particularité :</font></td>
<td><input type="text" name="rq_book" size="39" autocomplete="off"/> _____________________________________________________________________________________________________________
</td>
</TR>
ICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICI
<script language="javascript">
List = new Array();
function Remplir(valeur){
var sel="";
sel ="<select size='1' name='souscat'>";
// Parcourir le tableau
for (var i=0;i<List.length;i++)
{
// tester si la ligne du tableau (Sous-catégorie) correspond à la valeur de la catéhorie
if (List[i][1]==valeur)
{
// Ajouter une rubrique sous-catégorie au variable SEL
sel= sel + "<option value="+List[i][0]+">"+List[i][2]+"</option>";
}
}
sel =sel + "</select>";
// Modifier le DIV scat par la nouvelle List à partir du variable SEL
document.getElementById('scat').innerHTML=sel;
}
</script> <tr>
<td align="right"><font color="#FFFFFF">Pays :</font></td>
<td>
<select size="1" name="pays" OnChange="Remplir(cat.value)" style="width:262">
<?php
// Paramètres de la Connexion à la base MYSQL
$user="root";
$host="localhost";
$password="";
$database="trafic";
$i=0; // variable de test
$j=0; // variable pour garder la valeur du premier enregistrement catégorie pour l'affichage
$connexion = mysql_connect($host,$user,$password) or die ("Connexion au serveur impossible" );
mysql_select_db($database,$connexion);
// Séléction de tous les enregistrements de la table Catégorie
$rq="Select * from pays order by lib_pays;";
$result= mysql_query ($rq) or die ("Select impossible" );
while ($dt=mysql_fetch_row($result))
{
// Remplir la liste déroulante des catégorie
echo "\t\t<option value=".($dt[0]).">".($dt[1])."</option>";
if ($i==0) { $j=$dt[0]; $i=1; } // garder la valeur du premier enregistrement
}
?>
</select><br><br>
</td>
</tr>
<tr>
<td align="right"><font color="#FFFFFF">ville :</font> </td>
<td>
<DIV id="scat">
<select size="1" name="ville" style="width:262">
</select>
</DIV>
<?php
// Séléction de tous les enregistrements de la table Sous-Catégorie
$rq="Select * from ville order by lib_ville;";
$result= mysql_query ($rq) or die ("Select impossible" );
// $i = initialise le variable i
$i=0;
while ($dt=mysql_fetch_row($result))
{
// Remplir le tableau (array) en javascript
// ex : List[1]=new Array (1,1,"Sous-catégorie 1" );
// ex : List[2]=new Array (2,1,"Sous-catégorie 2" );
echo "<script>List[".$i."] = new Array(".($dt[0]).",".($dt[1]).",'".($dt[2])."');</script>";
$i=$i+1; // Incrémentation de $i
}
echo "<script>Remplir ($j); </script>"; // Remplir la deuxième liste de choix avec les données
// des sous-catégories en utilisant la valeur j
?>
ICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICIICI ICI ICI
</td>
_____________________________________________________________________________________
<tr>
<td align="right"><font color="#FFFFFF">Fournisseur :</font></td>
<td>
<select name="fournisseur" STYLE="width:262">
<?php
mysql_connect("localhost","root","" );
mysql_select_db("trafic" );
$fournissseur=mysql_query("select * from fournissseur" );
while($code_fournissseur=mysql_fetch_array($fournissseur))
{
echo "<option>{$code_fournissseur['code_fournisseur']}/{$code_fournissseur['r_social']}</option>";
}
mysql_close();
?>
</select>
<input name="nouveau_code2" type="button" style="color:red" value="Nouveau" onClick=""/>
_____________________________________________________________________________________________________________ </td>
</tr>
<tr>
<td align="right"><font color="#FFFFFF">Service :</font></td>
<td>
<select name="service" STYLE="width:262">
<?php
mysql_connect("localhost","root","" );
mysql_select_db("trafic" );
$service=mysql_query("select * from service" );
while($code_service=mysql_fetch_array($service))
{
echo "<option>{$code_service['code_srv']}/{$code_service['lib_srv']}</option>";
}
mysql_close();
?>
</select>
</td>
</tr>
<tr>
<td align="right"><font color="#FFFFFF">Type de service :</font></td>
<td>
<select name="type_srv" STYLE="width:262">
<?php
mysql_connect("localhost","root","" );
mysql_select_db("trafic" );
$type=mysql_query("select * from type_srv" );
while($type_srv=mysql_fetch_array($type))
{
echo "<option>{$type_srv['code_type']}/{$type_srv['lib_type']}</option>";
}
mysql_close();
?>
</select>
<input name="nouveau_code" type="button" style="color:red" value="Nouveau" onClick=""/>
____________________________________________________________________________________________________________ </td> <td> </td>
</tr>
</tr>
</table>
<tr>
<td align="right"></td>
<td><input type="submit" style="color:red" value="Enregistrer la réservation"/></td>
</tr>
</form>

Reply

Marsh Posté le 28-09-2010 à 15:51:05

Euh, juste une question comme ça, tu as déjà fait du PHP ?
Tu l'exécutes comment ton fichier php ?!

---------------
Musique et dev web : www.nicolaskern.fr - Mon feed - Mes ventes info et photo

Reply

Marsh Posté le 28-09-2010 à 16:03:10

dans un navigateur web , j'utilise easyPHP!
pour le develepement j'use Adobe Dreamweaver CS4

est ce que vous êtes sérieux là? ou bien j'ai mal compris la question ....

Reply

Marsh Posté le 28-09-2010 à 16:39:58

Non je pensais que tu exécutais le php sans passer pr un serveur php vu que je t'ai demandé ton code html et tu m'as donné le php

En fait, je voulais le code qui résulte de la page quand tu l'exécutes

---------------
Musique et dev web : www.nicolaskern.fr - Mon feed - Mes ventes info et photo

Reply

Marsh Posté le 28-09-2010 à 16:52:10

je pense qu'on est pas sur la même page , aucun code n'est produit ... seulement l'interface.

please explain some more ...

Reply

Marsh Posté le 28-09-2010 à 19:34:36

{$type_srv['code_type']}/{$type_srv['lib_type']}

C'est quoi ça ?!

---------------
Musique et dev web : www.nicolaskern.fr - Mon feed - Mes ventes info et photo

Reply

les champ d'une liste deroulante depende d'un champs.

Sujets relatifs:

Leave a Replay