
Pada turorial kali ini akan menerangkan penggunaan dropdown dengan menggunakan ajax dan php, dropdown disini merupakan dropdown yang tampilan menu yang akan kita pilih ke bawah kemudian dia akan me load ke samping, disini merupakan variasi berbeda pada penerapan menu dropdown dengan bantuan ajax tentunya
berikut langkah-langkahnya
buat script coding Jquery
$(document).ready(function() { //$('#loader').hide(); $('.parent').livequery('change', function() { $(this).nextAll('.parent').remove(); $(this).nextAll('label').remove(); $('#show_sub_categories').append('<img id="loader"
style="float:left; margin-top: 7px;" src="loader.gif" alt="" />'); $.post("get_chid_categories.php", { parent_id: $(this).val(), }, function(response){ setTimeout("finishAjax('show_sub_categories',
'"+escape(response)+"')", 400); }); return false; }); }); function finishAjax(id, response){ $('#loader').remove(); $('#'+id).append(unescape(response)); }
HTML
<div id="show_sub_categories"> <select class="parent" name="search_category"> <option selected="selected">-- Categories --</option> <option value="<?php echo $rows['id'];?>"></option> </select></div>
GET_CHILD_CATEGORIES.PHP
0) {?> <select class="parent" name="sub_category"> <option selected="selected">-- Sub Category --</option> <option value="<?php echo $rows['id'];?>"></option> </select> No Record Found !';} } ?>
Berikut hasil akhir dari tutorrial kali ini. Untuk dapat mengdownload sourcode program lengkap dapat mengklik link disini
Kunjungi www.prowebpro.com untuk menambah wawasan anda.

PT. Proweb Indonesia
Perkantoran Duta Merlin No F4
Jl. Gadjah Mada 3-5
Jakarta Pusat
GPS: S 6o 09' 58.1", E 106o 49' 3.3"
| Phone | : | 021 - 2636 3170 |
| 021 - 3377 0050 | ||
| Mobile | : | 0856 - 9360 1378 |
| 0812 - 806 2772 | ||
| 0857 - 1586 8992 | ||
| 0816 - 180 8005 | ||
| Blackberry PIN | : | 23096502 |
| Fax | : | 021 - 633 5765 |
| Web | : | www.proweb.co.id |