Bagi kawan kawan jurusan teknik informatika dan sistem informasi..
coba perlajari judul skripsi ini, semoga bermanfaat dan berguna buat skripsi anda
terima kasi
1. Aplikasi Pemesanan Rental Mobil Hafa Yogyakarta Dengan Layanan Web dan WAP
2. Analisis dan Perancangan Sistem Informasi Pemasaran dan Persediaan Barang PT. Nycomed Amersham
3. Perancangan Perangkat Lunak Tender untuk Jasa Konsultan
4. SET Analisa dan Perancangan Sistem Informasi Sumber Daya Manusia (SDM) PT. LEN
5. Deteksi Muka Depan Manusia dari Sebuah Citra Berwarna dengan Template Matching
6. Perangkat Lunak Sistem Informasi Pegawai PT. Stannia Bineka Jasa
7. Perangkat Lunak Pemenuhan Kebutuhan Gizi pada Orang Sakit
8. Analisa & Perancangan Sistem Monitoring Inventaris Barang PT. LEN
9. Implementasi SMS gateway dengan menggunakan bahasa alami dalam sistem informasi perdagangan (Studi Kasus Toko Amanna)
10. Studi dan Implementasi Konsep Business to Costumer dengan Teknologi M-Commerce berbasis WAP
11. Perancangan Sistem Informasi Berbasis Web pada Perpustakaan Umum Daerah di Singaraja
12. Sistem Aplikasi Try Out SPMB dan EBTANAS Berbasis Web Menggunakan PHP MySQL
13. Aplikasi Logika Fuzzy untuk Prediksi Penyakit dengan Metode Criteria Decision Making
14. Sistem Informasi Eksekutif untuk Perencanaan Tata Letak Anak Cabang Perusahaan (Studi Kasus Bank PD. BPR Bapas 69 Magelang)
15. Membangun Aplikasi Pustaka (Pusat Data Informatika) Berbasis Web
16. Aplikasi Algoritma Minimax pada Permainan Checkers
17. Sistem Pendukung Keputusan Penentuan Porsi Dana Investasi Portofolio dengan Model Indeks Tunggal
18. Rancang Bangun Multiplayer Game Real Time Strategy Berbasis Macromedia Flash MX
19. Menentukan Volume Produksi dengan Menggunakan Metode Sugeno
20. Sistem Informasi dan Analisa Akuntansi di PT. Prima Cipta Informatika Yogyakarta
21. Penentuan Lokasi Optimal untuk Distribusi Unit Pelayanan Kesehatan (Puskesmas) dengan Sistem Informasi Geografis di Kabupaten Sleman, DIY
22. Rancang Bangun Sistem Informasi Geografis Daerah Pariwisata Propinsi Bali Berbasis Web
23. Rancang Bangun Aplikasi SMS Alert untuk Job Seeker (Studi Kasus di Alumni Career Center UII)
24. Membangun Sistem Perangkat Lunak untuk Efisiensi Biaya Proyek Pembangunan dengan Memanfaatkan FLOAT pada Metode Analisis Jaringan Kerja
25. Pemanfaatan Fuzzy Linguistic Hedge sebagai Pengecek Tata Bahasa (Grammar) pada Kalimat yang Berbahasa Inggris
26. Permainan Minesweeper dengan Komputer sebagai Pemainnya Menggunakan Metode Heuristik
27. Rancang Bangun Aplikasi Mobile untuk Pembayaran Listrik, Air, dan Telepon dengan Java 2 Micro Edition (J2ME)
28. Rancang Bangun Aplikasi Game Perang Pesawat dengan Menggunakan Macromedia Flash MX
29. Rancang Bangun Aplikasi Game Merapikan Kamar Menggunakan Bahasa Action Script pada Macromedia Flash MX
30. Pengkelasan Bentuk Kromosom dengan Menggunakan Metode Fuzzy Membership-Roster
31. Aplikasi untuk Knowledge Management pada Perusahaan Pelayanan Kesehatan Berbasis Web menggunakan PHP
32. Sistem Informasi Perusahaan Terpadu Berbasis Web
33. Rancang Bangun Sistem Informasi Eksekutif (SIE) Studi Kasus pada Koperasi Unit Desa (KUD) Sri Makmur, Desa Keras Wetan, Kec. Geneng, Kab. Ngawi, Jawa Timur
34. Aplikasi Sistem Pakar untuk Diagnosa Penyakit Kulit dan Pengobatannya dengan Basis Pengetahuan yang Dinamis
35. Pengembangan e-Catalogue dengan Metode Pengembangan Berorientasi Objek
36. Membangun Aplikasi Multimedia Edukatif-Games sebagai Alat Bantu Belajar
37. Rancang Bangun Alat Bantu Ajar Matematika untuk Anak-Anak dengan Macromedia Flash MX
38. Rancang Bangun Aplikasi Action and Strategy Games Pasukan Anti Teroris Menggunakan Teknologi J2ME
39. Aplikasi Data Mining dengan Menggunakan Metode Decision Tree untuk Prediksi Penentuan Resiko Kredit
40. Simulasi dan Visualisasi Penyelesaian Job-Shop Model dengan Menggunakan Borland Delphi
41. Estimasi Biaya Empiris Menggunakan Constructive Cost Model
42. Analisis dan Perancangan Sistem Informasi Material Requirement Planning di PT. Dehatex
43. Perancangan Perangkat Lunak Perkuliahan PDP STT Telkom Bandung
44. Perancangan Database Equipment Stock Total Indonesia Balikpapan Berbasis Web
45. Implementasi Sistem Kompetensi Karyawan Berbasis Web di Lingkungan Divre III PT. Telkom
46. Perancangan Perangkat Lunak Perencanaan Anggaran Pengajaran di PDP STT Telkom
47. Pembangunan Perangkat Lunak Pelaksanaan Praktikum Jurusan Teknik Elektro
48. Aplikasi Pemesanan Tiket Biro Perjalanan Marala Tour Berbasis Web
49. Perancangan dan Implementasi Jaringan Komputer Sistem Diskless-Terminal
50. Pembuatan Aplikasi Validasi Sebagai Pendukung Integritas Data Warehouse
51. Sistem Informasi Parkir King’s Shopping Centre
52. Perangkat Lunak Sistem Pelayanan Perijinan Departemen Perindrustrian dan Perdagangan Republik Indonesia
53. Pusat Informasi Narkotik dan Obat-Obatan (Narkoba) Berbasis Web
54. Perangkat Lunak Pemenuhan Gizi Bagi Ibu Hamil
55. Pembuatan Aplikasi Manajemen Pelaporan Error dalam Pembangunan Corporate Portal Software di PT. Ebdesk Indonesia
56. Pembuatan Aplikasi Distance Learning Mengenai Activity Based Costing Basic
57. Implementasi Sistem Edutainment Berbasis Web
58. Eka Purwanti 613970025 Implementasi Sistem Edutainment Berbasis Web
59. Pemetaan Hierarki Pemanggilan Operasi Source Code Kernel Linux
60. Perancangan Sistem Pelatihan Pengoperasian Video Conference Berbasis Web
61. Perancangan Software Frontdesk Server Assistant (Fosa)
62. Perangkat Lunak Pendukung Peningkatan Audit Mutu Internal SMM ISO 9000 di PT. Forest Citra Sejahtera
63. Perangkat Lunak Tes Akademik On Line Berbasis Web
64. Perangkat Lunak Pengelolaan Administrasi Jurusan Teknik Imformatika Berbasis Web
65. Aplikasi Sistem Kepegawaian Rumah Sakit dr Slamet
66. Analisa & Perancangan Sistem Informasi Perpustakaan PT. Omedata Electronics Bandung
67. Analisis Dan Perancangan Sistem Informasi Perpustakaan STT Telkom Berbasis Web
68. Aplikasi Sistem Informasi Penjualan Properti Berbasis Web
69. Visualisasi Perencanaan Sel pada Sistem Komunikasi Bergerak Seluler Digital GSM Berbasis Web
70. Perancangan Sistem Informasi Lowongan Kerja Berbasis Web
71. Perangkat Lunak Berbasis Web Registrasi Gladi
72. Sistem Simulasi Perdagangan Berjangka Berbasis Online
73. Sistem Pendukung Pengambilan Keputusan Perdagangan Komoditi Berjangka di PT. Nusatrade Media Graha
74. Infrakstruktur Kompilasi dalam Lingkungan Linux
75. Pembangunan Prospektus STT Telkom Interaktif Berbasis Multimedia
76. Pembangunan Sistem Informasi Pelanggan PT. PLN Bandung Berbasis Web
77. Perangkat Lunak Pemasaran Perumahan Panorama Jatinangor
78. Implementasi Perdagangan On Line pada Pemilihan Obat-Obat Paten di PT. Kimia Farma
79. Perangkat Lunak Pendukung Pengelolaan Administrasi & Keuangan PDP STT Telkom Bandung
80. Perancangan & Pembuatan Aplikasi Pemantauan (Monitoring) Kondisi Memory Data Base Studi Kasus pada Data Base Kepegawaian PT. Vistalindo Global Solusi
81. Aplikasi Lelang Berbasis Web
82. Sistem Registrasi Ujian Negara STT Telkom
83. Perancangan Dan Implementasi Data Warehouse Query Report Berbasis Web
84. Pembangunan Perangkat Lunak Sistem Pakar Untuk Mengidentifikasi Kerusakan Pada Mobil Toyota Kijang
85. Sistem Informasi Keuangan CV.Epsilon Group
86. Perancangan dan Implementasi Portal Muslimah sebagai Sarana Pencarian Berbasis Web
87. Aplikasi Portal Formula I
88. Perancangan Aplikasi Forum Diskusi dengan Metoda Synchonour
89. Perangkat Lunak Monitoring Laboratorium Teknik Informatika STT Telkom Berbasis Web
90. Sistem Informasi Berbasis Web untuk Layanan Purna Jual Pelatihan Divlat PT. Telkom
91. Perangkat Lunak Otomasi Pengelolaan APDB
92. Perancangan Perangkat Lunak Sistem Informasi Layanan Data Keuangan Investor di Bursa Berjangka
93. Sistem Informasi Non Operator
94. Sistem Komputer Akutansi Koperasi Karyawan PT. Pintex
95. Perangkat Lunak Bantu Perhitungan Sewa Lahan untuk Kabel
96. Searching dan Kodefikasi Pengaksesan Dokumen Lumbung Warta Berbasis Web di Divisi Risti
97. Pembangunan Perangkat Lunak Pendaftaran Siswa Baru untuk Mendukung Proses Penyeleksian dan Penerimaan Siswa Baru di SMUN 1 Sumedang
98. Perangkat Ajar Berhitung dengan Sempoa Sistem 1-4 untuk Mewujudkan Mental Aritmetika
99. Aplikasi Pengelolaan Medical Record Pasien pada Klinik PT. LEN Indrustri Bandung Berbasis Web
100. Sistem Informasi Laboratorium Teknik Elektro STT Telkom Berbasis Web
101. Perangkat Pengidentifikasi Jenis Dan Akibat Narkotika & Obat Berbahaya
102. Pembangunan Web Site Intranet Kandatel Bekasi
103. Inventory dan Penelusuran Buku dan CD Berbasis Web Perpustakaan Virtual Procces Lab Divisi Risti
104. Analisa dan Implementasi Linux Clustering dengan menggunakan PVM
105. Aplikasi Sistem Informasi Perijinan Pengelolaan Wartel pada Distel Solo
106. Aplikasi Tutorial Berbasis Web Mata Pelajaran Biologi tentang Anatomi Tubuh Manusia
107. Aplikasi Bandung Tour Online
108. Sistem Bimbingan Belajar UMPTN Berbasis Web
109. Perangkat Lunak Pengelolaan Administrasi Jurusan Teknik Elektro STT Telkom Berbasis Web
110. Perancangan Sistem Informasi Sumber Daya Manusia di Gereja Kristen Pasundan
111. Warung On Line Kopegtel Divisi Risti
112. Perancangan Sistem Penggajian Pegawai PT. Wahana Makmur Sejahtera
113. Perangkat Lunak Sistem Inventararisasi Sim Card dan Voucher pada PT. Satelit Palapa Indonesia (Satelindo) Bandung
114. Pembangunan Perangkat Lunak Surat Ijin Usaha Perdagangan pada Dinas Perindustrian dan Perdagangan Kabupaten Sumbawa
115. Perangkat Lunak Pembantu Pembuatan Perangkat Bantu Ajar Tutorial Berbasis Komputer
116. Pembangunan Perangkat Lunak Inventari Hotel Berbasis Web (Studi Kasus Hotel Yehezkiel Bandung)
117. Sistem Informasi Pariwisata Berbasis Web Propinsi Bengkulu
118. Sistem Pendukung Pengambilan Keputusan Penyeleksian Calon Siswa SMU Negeri 3 Bandung
119. Aplikasi Pengelolaan Transaksi Penjualan dan Pemesanan Berbasis Web pada Toko Gonzo
120. Sistem Pengelolaan Sumber Informasi dan Pengetahuan Berbasis Web
121. Sistem Informasi Administrasi KK-KTP pada Dinas Catatan Sipil PEMDA Kab. Bangli
122. Aplikasi Pengelolaan Data Pelanggan Telkom Vision di PT. INTI Berbasis Web
123. Perangkat Lunak Penjualan Komputer di Toko Media Tama Jaya Plaza
124. Monitoring Prestasi Akademik dan Aktivitas Siswa Sekolah Menengah Umum Berbasis Web (Studi Kasus SMUN 3 Bandung)
125. Desain dan Implementasi Aplikasi Pelaporan Gangguan Sistem Scada (LGS) pada PT. PLN APD Bandung
126. Sistem Informasi Penjualan Barang Bekas
127. Pembangunan Perangkat Lunak Sistem Informasi Inventori Buku di Toko Al-Huda Bandung
128. Pembangunan Perangkat Lunak Pelaporan Performansi Top Ten Indikator Berbasis Web untuk Kancatel Cikajang Kabupaten Garut
129. Perangkat Lunak Bantu Pengajaran Komputer Grafik dengan Pemograman Open GL Berbasis Web
130. Perangkat Lunak Sistem Informasi Komersial Distributor Buku CV,Adipura D.I Yogyakarta Berbasis Web
131. Mobile Registration STT Telkom Bandung
132. Pembangunan Perangkat Lunak Untuk Persediaan Hasil Hutan pada PT. Perhutani (Persero) Unit III Jawa Barat KPH Sukabumi
133. Pembangunan Perangkat Lunak Pengelolaan Pengajuan Peminatan Atas Tender pada Dinas Pekerjaan Umum Kabupaten Sidoarjo Berbasis Web
134. Perancangan Sistem Informasi Penjualan Suku Cadang Mobil
135. Perangkat Lunak Aplikasi Pemesanan Kado Online (Studi Kasus di Toko Altari)
136. Sistem Informasi Mahasiswa Berbasis Web di Lembaga Pusat Tutorial dan Pelayanan Mahasiswa (LPTPM) Universitas Terbuka Unit Bandung Utara
137. Perangkat Lunak Sistem Informasi Keuangan BMT Bina Dhuafa Beringharjo Yogyakarta
138. Sistem Informasi Penggajian Yayasan Sandhykara Putra Telkom
139. Aplikasi Pemesanan Pementasan Seni Wayang Golek Giriharja 3 Basis Web
140. Sistem Pendukung Pengambilan Keputusan Rekrutasi Calon Karyawan Bank BNI Padang
141. Sistem HRM (Human Resource Management) Terpusat Dengan Menggunakan Jaringan Internet Untuk Multi Holding
142. Perancangan Perangkat Lunak Rapat Online
143. Perangkat Lunak Sistem Informasi Monitoring Dakwah di PUSDAI Jawa Barat
144. Aplikasi Penjadwalan Pengajaran Menggunakan Algoritma Genetika (Contoh Kasus SMU 14 Bandung)
145. Sistem Informasi Kost di Bandung Berbasis Web
146. Perangkat Lunak Pengontrolan Trafik pada Perangkat Sentral EWSD
147. Aplikasi Penilaian Prestasi Kerja Karyawan di Kandatel Garut
148. Perangkat Lunak Visualisasi Pengerjaan Intruksi Mesin 8088 untuk Pengajaran BPTR
149. Aplikasi Bantu Pentarifan Dasar Payroll dalam Implementasi SAP/R3 pada PT. Telekomunikasi Indonesia Tbk
150. Sistem Pendukung Pengambilan Keputusan Penyeleksian Pemberian Kredit Bagi Distributor Lokal Area Lumbung Dolog Jombang
151. Sistem Pelayanan Informasi Olah Raga Berbasis Short Message Service (SMS) Di Radio Paramuda Fm
152. Perangkat Lunak Sistem Informasi Jasa Travel Pariwisata
153. Perancangan Aplikasi Bimbingan Tugas Akhir Secara Online
154. Perangkat Lunak Sistem Administrasi Test Toefl Lab. Bahasa STT Telkom
155. Pembangunan Perangkat Lunak Sistem Informasi Inventory Control PT. Fdk Indonesia
156. Pembangunan Perangkat Lunak Sistem Informasi Akademik STT Telkom Berbasis Web
157. Aplikasi Sistem Informasi Departement Front Office Di Hotel Kharisma Cirebon Berbasis Web
158. Aplikasi Tutorial Cara Cepat Belajar Membaca Al Qur’an pada Anak Berbasis Multimedia
159. Perangkat Lunak Pemodelan 3d Dengan Menggunakan Metode Nurbs
160. Sistem Pendukung Pengambilan Keputusan Pemilihan SLTA Untuk Usms Di STT Telkom
161. Sistem Informasi Keuangan Pada Unit Simpan Pinjam Di Pusat Koperasi Karyawan Daerah Istimewa Yogyakarta
162. Perancangan Sistem Informasi Di Penerbit Buku Sinar Baru Pada Bagian Pemasaran Berbasis Web
163. Sistem Pendukung Pengambilan Keputusan Seleksi Penerima Beras untuk Keluarga Miskin (Raskin) Studi Kasus : Kelurahan Bandarharjo Kodya Semarang
164. Sistem Informasi Geografis (SIG) Pemantauan Status Gizi Balita Kab. Bandung
165. Sistem Informasi E-Commerce PT. Mqs Daarut Tauhid
166. Aplikasi MSALES dengan Menggunakan MIDLET pada Perangkat CLDC
167. Simulasi Bisnis Manufaktur dengan Fuzzy Logic Metode Hoxley
168. Pembangunan Perangkat Lunak Sistem Informasi Pelayanan Purna Jual Produk Cpe (Costumer Premise Equipment) Pt,Inti
169. Aplikasi Perangkat Lunak Pendokumentasian Arsip
170. Perangkat Lunak Sistem Informasi Hotel Papandayan Jakarta
171. Perangkat Lunak Sistem Informasi Divisi Perkapalan Di Pt,Pelayaran Korindo Berbasis Web
172. Penggambaran Obyek-obyek 3D dengan Metode Koleksi Obyek
173. Sistem Pakar Untuk Konsultasi Kesehatan
174. Pembangunan Perangkat Lunak Toko Online
175. Aplikasi Bursa Kerja Bidang Teknologi Informasi Berbasis Web
176. Perangkat Lunak Sistem Informasi Administrasi Akademik netMaster Institute
177. Sistem Informasi Administrasi Pajak Bumi dan Bangunan Berbasis Web di Kantor Dinas Pelayanan Pajak Bumi dan Bangunan Bandung Satu
178. Pembangunan Perangkat Lunak Administrai Persewaan Gedung Di Taman Budaya
179. Sistem Informasi Administrasi Dan Perawatan Pelayanan Tahanan Dan Narapidana
180. Tes Online Berbasis Text Mode Menggunakan Unix Shell Programming
181. Pembangunan Perangkat Lunak Pengelolaan Asuransi Mobil Berbasis Web di PT. Asuransi Raksa Pratikara
182. Perangkat Lunak Administrasi Keanggotaan Berbasis Web di Koperasi Mahasiswa STTTekom Bandung
183. Perangkat Lunak Sistem Informasi Pengelolaan Keuangan
184. Sistem Informasi Akademik TPB STT Telkom Berbasis Web
185. Perancangan Sistem Informasi Berbasis Web Tempat Rehabilitasi Pecandu Narkoba Di Jawa Barat
186. Perangkat Lunak Ensiklopedi Pesawat Tempur Bermesin Jet Produksi Amerika Berbasiskan Multimedia
187. Perangkat Lunak Sistem Informasi Pemeliharaan Lokomotif Di PT. Kereta Api
188. Pengelolaan Data Saham Anggota Usaha Bersama (UB) Sumber Rejeki
189. Pembangunan Perangkat Lunak Administrasi Hak-hak Atas Tanah untuk Notariat
190. Pembangunan Perangkat Lunak Sistem Informasi Penjualan Dan Inventarisasi Suku Cadang Mobil Di Toko Bangkit Jaya Motor Karangampel Berbasis Web
191. Perangkat Lunak Logistik di POLWIL Priangan Garut
192. Aplikasi Komunitas Buku Berbasis Web
193. Perancangan Sistem Informasi Manajemen pada Agen Koran dan Majalah (Contoh Kasus Rajab Agency Bandung)
194. Sistem Informasi Kemahasiswaan untuk Unit Kegiatan Mahasiswa STT Telkom Berbasis Web
195. Pembangunan Perangkat Lunak Pengelolaan Inventaris Kendaraan Bermotor Berbasis Web Di PT. Telkom Area Pelayanan Jambi
196. Pembangunan Perangkat Lunak Rekam Medis Rs Santo Yusup Berbasis Web
197. Perangkat Lunak Aplikasi Sistem Informasi Pendidikan dan Pelatihan Yayasan Penyantun Wiyata Guna
198. Sistem Pendukung Pengambilan Keputusan Pemilihan Mahasiswa Melalui Jalur USMS Di STT Telkom
199. Aplikasi Riset Pasar Dalam Bidang Telekomunikasi Di PT. Inti
200. Perangkat Lunak Sistem Informasi Pengelolaan Suku Cadang Krl Di PT. Kereta Api Bandung
Sabtu, 04 Desember 2010
ComboBox Di PHP
Ada salah seorang rekan (mas Arif Budiman) yang sekaligus menjadi member saya menanyakan “Bisakah membuat pilihan combobox dinamis tanpa menggunakan AJAX?”.
Beliau menggambarkan kasusnya sebagai berikut:
Misalkan terdapat dua buah combobox. Combobox pertama berisi pilihan tentang spesialisasi dokter, serta combobox kedua berisi pilihan dokter yang sesuai pada spesialisasi dalam combobox pertama. Sebagai contoh misalkan pada combobox pertama dipilih spesialisasi penyakit dalam, maka secara otomatis dan langsung pada combobox dua menampilkan daftar pilihan dokter yang spesialisasinya penyakit dalam. Adapun data yang ditampilkan pada kedua combobox disimpan dalam database MySQL sehingga tidak bersifat statis.
Memang solusi yang bisa dipilih untuk menyelesaikan kasus di atas adalah dengan AJAX (Asynchronous Javascript and XML). Namun… bagi yang belum paham tentang AJAX, jangan khawatir.. ada kok solusi lainnya yaitu dengan menggunakan gabunganJavascript DOM dan PHP.
Mau tahu caranya? Nah… simak lebih lanjut artikel ini 
OK bagaimana sih konsep penggunaan gabungan antara Javascript DOM dan PHP untuk menyelesaikan kasus di atas? Ya.. konsepnya adalah kita akan mengenerateJavascript DOM dengan PHP. Javascript itu nanti yang akan digunakan untuk memberikan efek dinamisnya.
Mungkin ada yang bertanya, ngapain harus pakai PHP? apa dengan Javascript DOMsaja tidak cukup? Mmm… jawabannya saya belum tahu karena saya belum pernah menjumpai cara koneksi dari Javascript ke MySQL. Kemungkinan bisa dengan menggunakan ODBC, namun saya belum pernah mencobanya. Mengingat Javascript adalah client side (artinya terletak di sisi client) dan MySQL adalah server side (terletak di sisi server), maka kita butuh server side scripting yang bisa mengenerate Javascript sekaligus bisa koneksi ke MySQL di server, dalam hal ini kita menggunakan PHP.
Nah.. kembali ke masalah di atas, pada artikel ini akan dibahas contoh aplikasinya namun dengan kasus yang diambil tidak sesuai dengan kasus yang dicontohkan mas Arif Budiman di atas. Adapun kasus yang saya ambil di sini adalah terkait pemilihan Nama Propinsi dan Nama Kabupaten.
Skenario dari aplikasi ini adalah, setelah user memilih salah satu nama propinsi dari combo box pertama, maka secara otomatis pada combo box kedua memunculkan daftar pilihan nama-nama kabupaten yang terdapat pada propinsi terpilih.
Sesuai kasus pertama yang disampaikan mas Arif di atas, yaitu data pilihan dalam combo box disimpan dalam MySQL, maka terlebih dahulu kita siapkan tabel dan sampel datanya untuk kasus ini.
01.CREATE TABLE propinsi (
02.idProp int(11),
03.namaPropinsi varchar(50),
04.PRIMARY KEY (idProp)
05.)
06.
07.CREATE TABLE kab (
08.idKab int(11),
09.namaKabupaten varchar(50),
10.idProp int(11),
11.PRIMARY KEY (idKab)
12.)
13.
14.INSERT INTO propinsi VALUES (1, 'Jawa Tengah');
15.INSERT INTO propinsi VALUES (2, 'Jawa Barat');
16.INSERT INTO propinsi VALUES (3, 'Jawa Timur');
17.
18.INSERT INTO kab VALUES (1, 'Kab. A', 1);
19.INSERT INTO kab VALUES (2, 'Kab. B', 1);
20.INSERT INTO kab VALUES (3, 'Kab. C', 1);
21.INSERT INTO kab VALUES (4, 'Kab. D', 2);
22.INSERT INTO kab VALUES (5, 'Kab. E', 2);
23.INSERT INTO kab VALUES (6, 'Kab. F', 2);
24.INSERT INTO kab VALUES (7, 'Kab. G', 3);
Dari sampel data di atas tampak bahwa untuk propinsi Jawa Tengah terdapat 3 kabupaten yang bisa dipilih yaitu A, B dan C. Jawa Barat terdapat 2 kabupaten yaitu D dan E, sedangkan Jawa Timur terdapat kabupaten F dan G.
OK.. langkah berikutnya kita terlebih dahulu siapkan halaman untuk membuat combobox pertama.
demo.php
01.<?php
02.// koneksi mysql
03.mysql_connect('dbhost', 'dbuser', 'dbpass');
04.mysql_select_db('dbname');
05.?>
06.
07.<html>
08.<head>
09.</head>
10.<body>
11.<h1>Demo</h1>
12.<form name="demo" method="post" action="submit.php">
13.<table>
14.<tr><td>Pilih Propinsi</td><td>:</td>
15.<td>
16.<select name="prop" onchange="showKab()">
17.<option>Silakan Pilih</option>
18.<option>------------------------</option>
19.<?php
20.// query untuk menampilkan propinsi
21.$query = "SELECT * FROM propinsi";
22.$hasil = mysql_query($query);
23.while ($data = mysql_fetch_array($hasil))
24.{
25.echo "<option value='".$data['idProp']."'>".$data['namaPropinsi']."</option>";
26.}
27.?>
28.</select>
29.</td>
30.</tr>
31.</table>
32.</form>
33.</body>
34.</html>
Dari script di atas ada beberapa catatan yang perlu kita perhatikan adalah: untuk form kita berikan nama ‘demo’ (name=”demo”), kemudian pada combobox propinsi tersebut kita kasih event ‘onchange‘. Maksudnya adalah ketika proses selection pada combobox tersebut dilakukan maka akan muncul suatu efek tertentu. Nah… event ‘onchange’ ini nanti akan memanggil function dalam Javascript bernama showKab().
Selanjutnya, kita buat juga combobox kedua untuk memilih kabupatennya. Combobox ini kita letakkan dalam form yang sama dengan combobox kedua. Namun.. untuk combobox kedua ini, kita kasih NULL option atau sementara tidak ada daftar option pilihannya karena option tersebut nantinya akan digenerate secara dinamis.
demo.php
01.<?php
02.// koneksi mysql
03.mysql_connect('dbhost', 'dbuser', 'dbpass');
04.mysql_select_db('dbname');
05.?>
06.
07.<html>
08.<head>
09.</head>
10.<body>
11.<h1>Demo</h1>
12.<form name="demo" method="post" action="submit.php">
13.<table>
14.<tr><td>Pilih Propinsi</td><td>:</td>
15.<td>
16.<select name="propinsi" onchange="showKab()">
17.<option>Silakan Pilih</option>
18.<option>------------------------</option>
19.<?php
20.// query untuk menampilkan propinsi
21.$query = "SELECT * FROM propinsi";
22.$hasil = mysql_query($query);
23.while ($data = mysql_fetch_array($hasil))
24.{
25.echo "<option value='".$data['idProp']."'>".$data['namaPropinsi']."</option>";
26.}
27.?>
28.</select>
29.</td>
30.</tr>
31.<tr><td>Pilih Kabupaten</td><td>:</td>
32.<td>
33.<select name="kab" id="kabupaten">
34.</select>
35.</td>
36.</tr>
37.</table>
38.</form>
39.</body>
40.</html>
Perlu dicatat pula bahwa untuk combobox kedua ini kita perlu beri nama id (id=”kabupaten”) karena akan digunakan sebagai referensi untuk Javascript DOM nya. Javascript DOM nantinya akan mengenerate daftar item option ke dalam komponen berdasarkan nama id ini.
Nah… selanjutnya kita akan berfokus ke dalam Javascript DOM nya.
Anda sudah mengenal Javascript DOM (Document Object Model) bukan? Ya.. dalam kasus ini Javascript DOM akan digunakan untuk mengisi daftar option pada combox box kedua. Secara umum perintah dalam Javascript DOM untuk menyisipkan tag HTML ke dalam suatu komponen dalam halaman web adalah:
1.document.getElementById('nama id komponen').innerHTML = "...";
Sehingga dari kasus ini, karena komponen yang akan disisipkan tag HTMLnya adalah yang memiliki id=”kabupaten” maka perintah Javascript DOM nya adalah
1.document.getElementById('kabupaten').innerHTML = "...";
Keterangan: Tanda titik-titik tersebut nantinya akan diisi dengan tag HTML untuk membuat option comboboxnya.
Berikut ini contoh perintah Javascript DOM untuk menyisipkan option combobox ke dalam komponen id=”kabupaten” bila propinsi yang dipilih adalah Jawa tengah (idProp = 1)
01.<script language="JavaScript" type="text/JavaScript">
02.
03.function showKab()
04.{
05.if (document.demo.propinsi.value == "1")
06.{
07.document.getElementById('kabupaten').innerHTML = "<option value='1'>Kab. A</option><option value='2'>Kab. B</option><option value='3'>Kab. C</option>";
08.}
09.}
10.
11.</script>
Keterangan:
Maksud dari if (document.demo.propinsi.value == "1") adalah bila yang dipilih dari combobox propinsi adalah 1 (Jawa Tengah) maka tampilkan option berisi kabupaten yang ada dalam propinsi Jawa Tengah. Maksud dari ‘demo’ sendiri adalah nama form dimana di dalamnya terletak combobox propinsinya (<form name="demo" .../>), ‘propinsi’ adalah nama komponen dari combobox propinsi (<select name="propinsi" ... />)
Namun… mengingat dalam database terdapat 3 propinsi, kita perlu mengenerate Javascript secara otomatis untuk ketiga propinsi tersebut. Berarti nanti diharapkan terdapat 3 buah IF untuk masing-masing pilihan propinsi. Lantas.. bagaimana cara mengeneratenya? ya… kita gunakan PHP.
01.<script language="JavaScript" type="text/JavaScript">
02.
03.function showKab()
04.{
05.<?php
06.
07.// membaca semua propinsi
08.$query = "SELECT * FROM propinsi";
09.$hasil = mysql_query($query);
10.
11.// membuat if untuk masing-masing pilihan propinsi beserta isi option untuk combobox kedua
12.while ($data = mysql_fetch_array($hasil))
13.{
14.$idProp = $data['idProp'];
15.
16.// membuat IF untuk masing-masing propinsi
17.echo "if (document.demo.propinsi.value == \"".$idProp."\")";
18.echo "{";
19.
20.// membuat option kabupaten untuk masing-masing propinsi
21.$query2 = "SELECT * FROM kab WHERE idProp = $idProp";
22.$hasil2 = mysql_query($query2);
23.$content = "document.getElementById('kabupaten').innerHTML = \"";
24.while ($data2 = mysql_fetch_array($hasil2))
25.{
26.$content .= "<option value='".$data2['idKab']."'>".$data2['namaKabupaten']."</option>";
27.}
28.$content .= "\"";
29.echo $content;
30.echo "}\n";
31.}
32.
33.?>
34.}
35.</script>
Hasil script di atas akan mengenerate Javascript sbb:
01.<script language="JavaScript" type="text/JavaScript">
02.
03.function showKab()
04.{
05.if (document.demo.propinsi.value == "1"){document.getElementById('kabupaten').innerHTML = "<option value='1'>Kab. A</option><option value='2'>Kab. B</option><option value='3'>Kab. C</option>"}
06.if (document.demo.propinsi.value == "2"){document.getElementById('kabupaten').innerHTML = "<option value='4'>Kab. D</option><option value='5'>Kab. E</option><option value='6'>Kab. F</option>"}
07.if (document.demo.propinsi.value == "3"){document.getElementById('kabupaten').innerHTML = "<option value='7'>Kab. G</option>"}
08.}
09.</script>
Nah… terakhir kita gabungkan script di atas dengan script sebelumnya menjadi satu kesatuan.
demo.php
01.<?php
02.// koneksi mysql
03.mysql_connect('dbhost', 'dbuser', 'dbpass');
04.mysql_select_db('dbname');
05.?>
06.
07.<html>
08.<head>
09.
10.<script language="JavaScript" type="text/JavaScript">
11.
12.function showKab()
13.{
14.<?php
15.
16.// membaca semua propinsi
17.$query = "SELECT * FROM propinsi";
18.$hasil = mysql_query($query);
19.
20.// membuat if untuk masing-masing pilihan propinsi beserta isi option untuk combobox kedua
21.while ($data = mysql_fetch_array($hasil))
22.{
23.$idProp = $data['idProp'];
24.
25.// membuat IF untuk masing-masing propinsi
26.echo "if (document.demo.propinsi.value == \"".$idProp."\")";
27.echo "{";
28.
29.// membuat option kabupaten untuk masing-masing propinsi
30.$query2 = "SELECT * FROM kab WHERE idProp = $idProp";
31.$hasil2 = mysql_query($query2);
32.$content = "document.getElementById('kabupaten').innerHTML = \"";
33.while ($data2 = mysql_fetch_array($hasil2))
34.{
35.$content .= "<option value='".$data2['idKab']."'>".$data2['namaKabupaten']."</option>";
36.}
37.$content .= "\"";
38.echo $content;
39.echo "}\n";
40.}
41.
42.?>
43.}
44.</script>
45.
46.</head>
47.<body>
48.<h1>Demo</h1>
49.<form name="demo" method="post" action="submit.php">
50.<table>
51.<tr><td>Pilih Propinsi</td><td>:</td>
52.<td>
53.<select name="propinsi" onchange="showKab()">
54.<option>Silakan Pilih</option>
55.<option>------------------------</option>
56.<?php
57.// query untuk menampilkan propinsi
58.$query = "SELECT * FROM propinsi";
59.$hasil = mysql_query($query);
60.while ($data = mysql_fetch_array($hasil))
61.{
62.echo "<option value='".$data['idProp']."'>".$data['namaPropinsi']."</option>";
63.}
64.?>
65.</select>
66.</td>
67.</tr>
68.<tr><td>Pilih Kabupaten</td><td>:</td>
69.<td>
70.<select name="kab" id="kabupaten">
71.</select>
72.</td>
73.</tr>
74.</table>
75.</form>
76.</body>
77.</html>
Langganan:
Postingan (Atom)