HTML:
<script language="Javascript">
function populate() {
var xmlHttpReq = false;
var self = this;
// yaratilacak drop down menunun id'si ile degistirin.
var obj = document.getElementById("ulkeler");
var c1 = obj.options.length-1;
var k;
// dropdown'i bosalt
for (k=c1; k>=0; k--) {
obj.remove(k);
}
if (window.XMLHttpRequest) {
self.xmlHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) {
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
// araci olacak php dosyasi
self.xmlHttpReq.open('POST', 'araci.php', true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.xmlHttpReq.onreadystatechange = function() {
if (self.xmlHttpReq.readyState == 4) {
var options = self.xmlHttpReq.responseText.split(';');
var total = options.length - 1;
var i;
for (i=0; i <= total; i++) {
if (options[i] != "") {
var data = options[i].split('|');
var opt = document.createElement("option");
obj.options.add(opt);
opt.text = data[1];
opt.value = data[0];
}
}
}
}
var form = document.forms['zimbirti'];
var id = form.kita.value;
self.xmlHttpReq.send('kita='+escape(kita));
}
</script>
FORM
HTML:
<form name="zimbirti">
<select id="kita" onChange="populate()">
<option>Avrupa</option>
<option>Asya</option>
</select>
<select id="ulkeler">
<option>Kita secin</option>
</select>
Aracı php dosyasını kendin oluşturman gerekiyor. Benim örneğimde aracı php dosyası response olarak şu şekilde vermeli listeyi.
0|Irlanda;1|Fransa;2|Almanya
=>
<option value="0">Irlanda</option>
<option value="1">Fransa</option>
ya dönüştürür.
Ben bu fonksiyonu select menude opsiyon ve textin ayrı olması gereken birsey icin yazmistim, kendi istegine gore degistirebilirsin.
Degiskenleri, synthax i kontrol ettikten sonra calismasi gerekiyor.