<html>
<head>
<script src="jquery.js"></script>
</head>
<body>
<form action="" name="form">
<select name="select" id="id_region" onchange='tester(this.form.value);'>
<OPTION Value=0>---Choisissez une region---</OPTION>";
<?php
include('connectBDD.php');
$reponse = $bdd->query('SELECT * FROM region');
while ($donnees = $reponse->fetch())
{
echo'<option value="'.$donnees['id_region'].'">'.$donnees['Nom_region'].'</option>';
}
?>
</select>
</body>
<script>
function tester(){
var i=document.form.select.selected.value;
if(i!=0){
$.post('district.php',{i:i},function(data){
$('.district').html(data);
}
}
}
</script>
<?php
include('district.php');
?>
</html>
district.php
<?php
include('ConnectBDD.php');
if(isset($_POST['i'])){
$i=mysql_real_escape_string(htmlspecialchars(trim($_POST['i'])));
$requete=$bdd->query('Select *from district where id_region= '.$i);
while($district = $requete->fetch()){
echo '<input type="checkbox"name="checkbox'.$district['id_region'].'" value="'.$district['id_district'].'">'.$district['Nom'].'<br>';
}
}
?>
<select name="select" id="id_region" onchange='tester(this.form.value);'>
<select name="select" id="id_region" onchange='tester(this.value);'>
function tester(){
function tester(elmValue){ if(elmValue !="" && elmValue!=0){ $.post('district.php',{i:i},function(data){ $('.district').html(data); }); }
$requete=$bdd->query('Select *from district where id_region= '.$i);
$requete=$bdd->query("SELECT * FROM district WHERE id_region= '$i' ");
mysql_real_escape_stringqui appartient à l'ancienne extension mysql .. mais ensuite tu fais appel à
$bdd->queryqui est la syntaxe PDO (ou mysqli )
<html>
<head>
<script src="jquery.js"></script>
</head>
<body>
<form action="" name="form">
<select name="select" id="id_region" onchange='tester(this.value);'>
<OPTION Value=0>---Choisissez une region---</OPTION>";
<?php
include('connectBDD.php');
$reponse = $bdd->query('SELECT * FROM region');
while ($donnees = $reponse->fetch())
{
echo'<option value="'.$donnees['id_region'].'">'.$donnees['Nom_region'].'</option>';
}
?>
</select>
<div class="district">
</div>
</body>
<script>
function tester(elmValue){
var i= document.getElementById('id_region');
if(elmValue !="" && elmValue!=0){
$.post('district.php',{i:i},function(data){
$('.district').html(data);
});
}
}
</script>
<?php
include('district.php');
?>
</html>
district.php
<?php
include('ConnectBDD.php');
if(isset($_POST['i'])){
$i=$bdd->query(htmlspecialchars(trim($_POST['i'])));
$requete=$bdd->query("SELECT * FROM district WHERE id_region= '$i' ");
while($district = $requete->fetch()){
echo '<input type="checkbox"name="checkbox'.$district['id_region'].'" value="'.$district['id_district'].'">'.$district['Nom'].'<br>';
}
}
?>
pour le moment j'ai juste la zone de liste deroulante mais je suis bloque sur l'affichage des checkbox apres la selection dans la zone de liste deroulante
Merci d'avance
Et bien.. postes nous son code html dans ce cas
Tu es bloqué ... c'est à dire ? Qu'as tu essayé de coder ? En quoi cela ne marche t'il pas ?
Si tu ne sais pas comment déclencher un évènement lors d'une selection dans une liste déroulante... regarde donc l'event : ONCHANGE
http://www.w3schools.com/jsref/event_onchange.asp