Uzun uzun yazmak lazım hocam üşeniyo insan ama mantık olarak il ilçe sistemiyle aynı. Hatta sadece mantık olarak değil herşeyiyle birebir aynı. Kısaca değincek olursak

<option value="kategori idsi">kategori adı</option> şeklinde düzenlediğinizi farzedersek selectbox'ı;

$('select').change(function(){
  var katid = $(this).val();
});

bu şekilde seçilen kategorinin idsini aldık.

Burdan sonraki adımda alt kategorilerin tamamı veritabanından çekilip display:none olarak aynı sayfada tutulmuyosa, ajaxla başka sayfaya istek gönderilcek altkategoriler için, alt selectbox da o sayfadan cevap olarak döncek. Ajaxla işlem yapacağınız farzedersek;

$.ajax({
  type:'post',url:'sayfa urlsi',data:{katid:katid}
}).done(function(cevap){
 $('div#xxx').html(cevap);
});

gibi bi kodla kategori id'sini hedef sayfaya göndercek, hedef sayfada gelen kategorinin alt kategorilerini selectbox olarak yazdırcaksınız ve bu selectbox içinde bulunduğunuz sayfaya cevap olarak döncek ve istediğiniz yere (örnek kodda id'si xxx olan divin içine yazdırdık ) yazdırcaksınız.

ya da multiple selectbox kullanabilirsiniz. alt kategorisi olan kategorilerin seçilmesini engellersiniz. Alt kategorilerden seçim yapılınca üst kategorisini de alır veritabanına üst kat idsini de yazarsınız vs vs.

Kolaygelsin.