Teknik Bertingkat Membuat Combo Box

Teknik bertingkat membuat combo box dimaksud adalah bagaimana kite pada membuat sebuah combo box yang datanya dipengaruhi oleh pilihan dari combo box sebelumnya.

Ilustrasinya sebagai berikut:
Combo box pertama: Berisikan data nama-nama provinsi
Combo box kedua: Berisikan data nama-nama kota, dimana data kota ini tergantung dari pilihan data propinsi pada combo box pertama.

Adapun langkah-langkahnya sebagai berikut:

1. Buat index.php sebagai berikut:

2. Tambahin Script JS ini dan taro di atas

3. trus perhatiin pada code: document.getElementById(“divkedua”).innerHTML = xmlhttp.responseText;, nah itu adalah lokasi tempat buat nyimpen hasil eksekusi pada combo box pertama tadi yaitu di dalem tag dengan id=divkedua.

nah di bawah tambahkan

4. udah gitu perhatiin pada code: xmlhttp.open(‘get’, ‘ambildata.php?kode=’+kode, true);, nah itu adalah sebuah file ambildata.php yang isi dari file tersebut adalah combo box kedua yang nilai datanya dipengaruhi oleh nilai dari combo box pertama pake perintah ?kode=nilai_combo_box_pertama

5. klo udah buat file ambildata.php sebagai berikut:

6. Selesai dah

Demikian langkah-langkah pembuatan combo box bertingkat, pada contoh ini kite hanya menaro dua combo box. klo mao buat lebih dari dua, kuncinya pada:

function rubah(combobox)
id=divkedua
ambildata.php

ente bisa gunain database buat ngambil nilai data dari combo box tersebut, Selamat mempelajari…