Ajax Menampilkan Kota Berdasarkan Propinsi

Screenshot Ajax ComboboxMengapa menampilkan nama kota begitu penting dalam aplikasi pendaftaran? Karena kota menunjukkan identitas asal seseorang. Karenanya pula, seberapa pun kecil sebuah kota sampai ia disebut kota kecil, ia tetaplah sebuah kota, di mana seseorang memperkenalkan dari mana asalnya. Meski dalam pergaulan sehari-hari, seringkali seseorang memperkenalkan diri dengan menyebutkan nama kota paling terkenal di daerahnya, sebutlah saya dari mana asalnya, saya dari jogja, padahal saya dari bantul, atau sebutlah dari solo, padahal saya dari karanganyar. Kalau diperiksa lagi, ternyata nama kota jogja dan solo tidak ada dalam database kita, lho?

Dalam tips mengenai penggunaan Ajax ini, saya tidak akan membahas kota dalam pengertian di atas, tetapi kota dalam pengertian daerah tingkat II dalam pemerintahan NKRI. Yakni Kota dan Kabupaten di bawah sebuah Propinsi.

Berkaitan dengan hal tersebut, saya bikin class Ajax Cascade Combo Box. Dengan feature:
1. Tingkatan combo box tidak terbatas. (teorinya)
2. Berbasis database ….
3. Pake Ajax

Library yang digunakan adalah:
1. xajax library, download di http://www.xajaxproject.org
2. class Ajax Cascade Combo Box
3. database berisi tabel kota dan kecamatan, tabel kota tersedia di sini, tabel kecamatan bikin sendiri deh ..
4. Contoh penggunaan buka file ini >>di sini.

Berikut baris-baris yang menunjukkan begitu mudahnya cara penggunaan:

//untuk menampilkan propinsi dan kota-kotanya begini:
$cascade->display_select(‘province’,'formreg’,'city’);
$cascade->display_select(‘city’);

//tampilkan cascade combo box 3 tingkat, misalkan sampe kecamatan, ya begini:
$cascade->display_select(‘province’,'formreg’,'city’);
$cascade->display_select(‘city’,'formreg’,'kecamatan’);
$cascade->display_select(‘kecamatan’); //si bungsu hanya punya 1 argumen

Untuk komplitnya silakan download saja file yang terdapat di link di atas.

Huda M Elmatsani :)

23 Comments

  1. hendra-k says:

    dimana saya bisa mendapatkannya kaka… :D

  2. anghuda says:

    itu sudah saya kasih link-nya dede :D

  3. iang says:

    demo dong demo..

  4. anghuda says:

    nggak perlu ada demo, hanya sekedar combo box bertingkat, tidak istimewa, mudah dibayangkan, yang lebih penting ada file latihan yang sudah disediakan lengkap dengan databasenya, selamat mencoba :)

  5. ciko says:

    untuk kecamatan, kalo ada yg mau bikin tabel nya, data2 nama kecamatan bisa liat di wikipedia id: http://id.wikipedia.org/wiki/Kategori:Kecamatan_di_Indonesia :d

  6. anghuda says:

    mas ciko, daripada susahnya alpabetik, ada gak yg berdasarkan kabupaten?

  7. anghuda says:

    soorry mas ciko, ternyata yang per kabupatennya juga ada. thanx

  8. xinggrage says:

    [OOT]
    Dalam contoh diatas tadi apakah menunjukkan kota kelahiran ang huda?;)

  9. anghuda says:

    [OOT]
    :o priben kabare? raya balik tah?

  10. guzz says:

    gw coba koq errror bos..

  11. Hari says:

    Salam kenal
    nama saya Hari sedang belajar program php
    bolehkah saya tanya script php supaya bisa menjalankan
    program dibawah ini ? saya sdh bisa mengeset nilai propinsi, bulan dan tanggal, tapi kesulitan untuk program submitnya
    ——————————
    Lihat data inflasi:

    Propinsi ……..
    dari bulan….tahun….
    sampai bulan….tahun….

    submit
    ——————————

    Terimakasih

    Terimakasih

  12. traspac says:

    Aq biasanya klo mw bikin menu seperti itu pake javascript. Kayaknya perlu mencoba pake ajax tuh..

  13. idik says:

    xajax.inc.php

    mana pak?

  14. andri says:

    Wah,,,tuh yg di gambar itu mah desa,kecamatan,kabupaten qu tuh..masnya yg bkin tutorial ni dr situ jg ya???

  15. Kevin says:

    Thank you! Although I don’t know what the language is on this website, but I can understand, you help me a lot, thank you!

  16. zaki says:

    Pak saya coba tapi malah keluar error masage boxkayak gini

    the xajax Javascript component could not be included.blaa…..

    tuh kenapa pak?

  17. artharry says:

    Fatal error: Call to undefined method xajax::processRequests() … on line 138

    $xajax->processRequests(); ==>> $xajax->processRequest();

    (kebanyakan ‘s’) :D

  18. artharry says:

    :D ternyata make yang: xajax 0.2.5 (stable)
    nyoba pake yng terbaru blm bisa, :D

    thx…

  19. I have the same thinking

  20. Dida says:

    citycode yang di tabel cities itu ada referensinya atau cuman incrimental aja?

    Thanks

  21. wah bagus ini pak untuk sy yg pemula, tp sy masih error dan informasi panduan untuk instalasi kurang jelas.. mohon d kirim via e-mail script yg lengkap (ready to use) terima kasih….

  22. anthoce says:

    pake xajax brapa bro??? aq coba pake versi 0.5.rc2 kok error ya? tolong instalasi xajax-nya gmn (penempatan folder-folder xajax)? thanks before.

Leave a Reply