Silakan tunggu sedang proses
Rabu Legi 24 April 2024 00:55
learn make rich
share make it perfect
Ayat Suci
Dan tidak ada yang benci kepada agama Ibrahim, melainkan orang yang memperbodoh dirinya sendiri, dan sungguh Kami telah memilihnya di dunia dan sesungguhnya dia di akhirat benar-benar termasuk orang-orang yang saleh.
(QS. AL BAQARAH:130)

 otomatis refresh

Javascript ayat
Daftar Fungsi
pasaran
Mencari nama hari dan nama pasaran
pdu2sms
Konversi dari PDU ke Teks SMS
bacarss
Membaca RSS dari beberapa situs
Para Rekan
MyWeblog

Merubah Isi Combobox

Aryo Sanjaya
Pada artikel ini dibahas bagaimana cara merubah isi suatu combobox, sesuai dengan isi combobox lain yang dipilih oleh user

Aryo Sanjaya
Selasa Legi, 4 April 2006

Kadang kala, kita ingin menampilkan combobox yang berisi data dinamis, yang isinya tergantung pada pilihan user.

Misalnya saja combobox untuk memilih Nama Kecamatan, maka isi combobox tersebut hanya berisi nama kecamatan yang ada dalam kabupaten yang dipilih.

Hal ini selain memudahkan user untuk memilih nama kecamatan, juga meringankan proses transfer data. Bayangkan seandainya seluruh data kecamatan ditampilkan pada combobox dalam saat yang bersamaan, tentu menjadi tidak efisien.

Konsep yang digunakan adalah teknik AJAX, yang akan menangani proses perubahan combobox, setiap kali isi suatu combobox utama dirubah. Silakan merujuk ke artikel AJAX langkah 1 untuk dasar AJAX.

Untuk mencoba teknik ini, silakan simpan file HTML berikut ini dengan nama tescombobox.html:

Script PHP, simpan dengan nama ambildata.php:

Proses yang terjadi, diawali dari script utama (tescombobox.html), dengan langkah sebagai berikut:

  • melihat event pada combobox pertama (name "satu")
  • jika terjadi perubahan pilihan (event onchange), maka fungsi rubah( ) akan dijalankan
  • pada fungsi rubah, diambil value dari pilihan yang baru
  • mem-fetch script ambildata.php dengan parameter kode sesuai value yang dipilih
  • user menunggu output dari ambildata.php
  • script ambildata.php dijalankan, dan memproses kode yang diberikan
  • memberikan output sesuai dengan hasil proses
  • output diterima oleh javascript, dan ditampilkan

Selesai.

Maka nanti ketika form tersebut disubmit, maka akan terdapat 2 combobox, dengan value masing-masing.

Kode di atas masih sangat sederhana, karena hanya untuk menunjukkan cara kerja teknik perubahan isi combobox. Jika ingin dikembangkan, maka data yang dikembalikan oleh ambildata.php dapat diambil dari database misalnya.

Untuk mencoba teknik tersebut, silakan gunakan link ini: http://www.bengkelprogram.com/coba/tescombobox.html

Semoga bermanfaat.

Komentar

Riki Risnandar

Jum'at Kliwon, 7 Juli 2006

scriptnya dicoba di firefox tidak muncul.yang tampil hanya combo box yang kosong.

di IE malah tidak muncul combo box keduanya.

mohon bantuannya.
thanks.


Mengisi Komentar





untuk kode program, apit dengan tanda [code][/code].
contoh:

[code]
(kode program)
[/code]



Daftar Artikel PHP

» Menghitung Jarak Waktu (4)
Rabu Wage, 17 Mei 2006

Mengitung jarak waktu dan menampilkan sebagai Javascript

» Grabbing Kurs Dari BI (10)
Rabu Pahing, 5 April 2006

Grabbing data adalah tindakan tidak sopan. Tapi kali ini yang dibahas adalah teknik grabbing, masalah moral dan etika silakan cari sendiri (inspired by Iwan Fals)

» Autocomplete Pada Form (1)
Rabu Pahing, 5 April 2006

Contoh script berikut ini menampilkan cara mengisi value field suatu form, tanpa harus melakukan submit data

» Membuat Tampilan Perhalaman (11)
Jum'at Pon, 17 Maret 2006

Masih banyak yang menanyakan cara untuk menampilkan data perhalaman

» AJAX, langkah 2 (3)
Kamis Kliwon, 9 Maret 2006

Membahas respon berupa XML, Request Timeout, dan method Post



Halaman:    1  2  3  >  

Artikel Rame
Aplikasi Handphone (250)
Senin Pon, 20 Februari 2006

Mengirim SMS dari PC (208)
Senin Wage, 28 November 2005

Membaca SMS dari PC (162)
Selasa Pahing, 14 Juni 2005

Source SMS Autorespond (66)
Senin Legi, 24 April 2006

Penyembunyian Password di Database (36)
Kamis Kliwon, 2 Juni 2005

Bukutamu
» Imam Izzatir Rizzan
Jum'at Kliwon
7 Juli 2006

» adindri
Selasa Pahing
4 Juli 2006

» Je Malakian
Selasa Pahing
4 Juli 2006

» A.Azis
Jum'at Pon
30 Juni 2006

» zorro
Kamis Pahing
29 Juni 2006


Halaman Bukutamu
Lain-lain
User online: 32
User login: 0

user/passwd: bpuser

Status Y!M
Saya sedang Offline. Silakan gunakan menu Kontak atau tinggalkan pesan di Yahoo! Messenger pada Id: aryo_sanjaya
© 2005-2024 BengkelProgram.com