Bonjour,
Je ne vais même pas m'embéter,
Tu va sur la page que tu site et tu fait un clic droit 'code source de la page'
<select name="ville" size="1" class="txtnoir11px" onchange="javascript:sendData('ville='+this.value+'&do=delegation','codes_ajax.php','zone_delegation');vider('zone_localite');vider('zone_resultat')">
<option value="0">Sélectionner le gouvernorat</option>
<option value="1">ARIANA</option>
<option value="2">BEJA</option>
<option value="3">BEN AROUS</option>
<option value="4">BIZERTE</option>
[****]
<option value="24">ZAGHOUAN</option>
</select>
function sendData(param, page,zone)
{
if(document.all)
{
var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
}//fin if
else
{
var XhrObj = new XMLHttpRequest();
}//fin else
var content = document.getElementById(zone);
XhrObj.open("POST", page);
XhrObj.onreadystatechange = function()
{
if (XhrObj.readyState 4 && XhrObj.status 200){
content.innerHTML = XhrObj.responseText ;
}else{
content.innerHTML = "
Recherche en cours...
";
}
}
XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
XhrObj.send(param);
}//fin fonction SendData
Il faut donc que tu créer ta page codes_ajax.php qui en fonction de ce que tu as choisis dans la première liste te retournera la seconde liste.
Ta seconde liste sera un select avec cette forme logiquement :
<select name="ville" size="1" class="txtnoir11px" onchange="javascript:sendData('delegation='+this.value+'&do=localite','codes_ajax.php','zone_localite');vider('zone_resultat')">
La derniére liste devrais ressembler à cela :
<select name="ville" size="1" class="txtnoir11px" onchange="javascript:sendData('delegation='+this.value+'&do=localite','codes_ajax.php','zone_resultat');">
Sans maitrise, la puissance n'est rien
Il ne faut pas vendre la peau de l'ours, non il ne faut pas.