Combo Box Dinamis Dengan Javascript !!!

Halo sobat, setelah sebelum2nya blog ini cuma cerita tentang fenomena-fenomena fisika dan metafisika, karena kekurangan bahan, kali ini kita akan berbelok sedikit...

Kita akan bahas tentang tutorial Web Programming...
Pembahasannya adalah "Combo Box Dinamis Dengan Javascript !!!"

Oh ya sebelum mulai... Script ini hanya jalan di Mozila Firefox... Saya coba di Google Chrome ternyata gak jalan...

Oke tanpa basa basi kita mulai saja...
Pertama-tama sobat buat dulu databasenya ya...

Nama databasenya terserah sobat saja... Buat dua table...
Masing-masing "alumni" dan :mahasiswa"...

Untuk table "alumni" isikan fieldnya sbb...

• nim varchar(5)
• nama varchar(100)
• alamat varchar(150)
• kerja varchar(75)

 Sedangkan untuk table "mahasiswa" isikan fieldnya sbb...

• nim varchar(5)
• nama varchar(100)
• tempat_lahir varchar(150)
• alamat varchar(150)

Selesai dengan database, kita buat file koneksinya. Silahkan buka editor sobat, isikan dengan script berikut...

Simpan dengan nama "config.php"

Selanjutnya kita buat file "index.php". Silahkan kembali sobat file baru dan isikan dengan script berikut...

Yang perlu diperhatikan dari script diatas adalah pada bagian:

Pastikan...

isi Combo() dan document.getElementById('') sesuai dengan nama texfield dan

.value=nama; adalah nama field database...

Demikian lah tutotial kali ini... See u next time...

Tambahan, agar gambar script terlihat jelas, sobat tinggal klik kanan di gambar pilih "Open Link in New Tab"...