double Combo Box dengan Ajax

Saya ingin berbagi tentang bagaimana cara membuat dua combo box yang saling berkaitan. Sebagai contoh misalnya terdapat dua combo box, combo box pertama adalah menampilkan nama-nama fakultas, dan combo box kedua berisi data-data jurusan. Dengan bantuan ajax kita bisa menampilkan nama-nama jurusan yang ada di fakultas tertentu saja. Sebagai ilustrasi jika kita memilih fakultas MIPA maka nama yang ditampilkan di combo box jurusan adalah nama-nama jurusan yang ada di fakultas MIPA saja.

var obj=document.getElementById("jurusan-view");
 var url='proses.php?mode=jurusan-view';
 url=url+'&id_fak='+id_fak
 
 xmlhttp.open("GET", url);

if($cek){
  ?> 
  <select title="jurusan" name="id_jur" id="id_jur">
  <?
  while($row=mysql_fetch_array($jurusan)){
   $id_jur=$row['id_jur'];
   $nama_jur=$row['nama_jur'];
   ?><option value="<? echo $row['id_jur']; ?>"><? echo $nama_jur; ?></option><?
  }
  ?></select><?
 }else{
  echo "Silahkan pilih nama Jurusan";
 }

Sedangkan yang lain hanya menggunakan kode php biasa. untuk lebih jelasnya silahkan download source code lengkap di sini.