Pemrograman Web 2


Senin, 07 November 2011

Membuat Drop Down Tanggal & Bulan dengan PHP

Pada tutorial kali ini saya akan berbagi sedikit tips tentang pembuatan dropdown tanggal dan bulan yang terdapat pada form pendaftaran dengan memanfaatkan kosntruksi perulangan (looping) dan array pada skrip php.




Pada contoh tampilan diatas, sekilas kita dapat membuatnya dengan menggunakan skrip html biasa dengan menambahkan value pada setiap option pada komponen dropdown.



Namun hal tersebut terkadang kurang efektif apabila kita harus membuat option value satu persatu, misalnya pada kasus dropdown tanggal dari 1 sampai 31 atau dropdown tahun dari batas 1905 sampai 2011.
Apabila kita menggunakan skrip html sangat tidak efektif karena faktor waktu yang terlalu lama hanya untuk menambahkan option value yang di inginkan.

Nah, kasus seperti ini dapat diatasi dengan memanfaatkan skrip perulangan yang dapat menangani perulangan kondisi increment (kelipatan nilai dari kecil ke besar) dan decrement (kelipatan dari besar ke kecil) seperti yang terdapat pada kasus dropdown tanggal dan tahun yaitu terdapat kondisi peningkatan kelipatan satu point increment atau decrement, sedangkan untuk dropdown bulan masing-masing option atau pemilihan nya adalah berupa karakter string yaitu berurutan dari Januari sampai Desember. Pada kasus seperti ini tidak dapat hanya ditangani dengan penggunaan looping, pada kasus ini kita dapat memanfaatkan array yang dapat menampung data lebih dari satu dalam satu variable.
Baiklah untuk lebih jelasnya langsung saja kita bahas.


Langkah 1
Buatlah skrip html seperti berikut dan simpan dengan nama file tanggal.php


Langkah 2
Selanjutnya sisipkan skrip berikut sebelum tag </select> pada dropdown tanggal. 

 

 

 

 








Langkah 3
Pada dropdown sisipkan skrip berikut sebelum tag </select>






Dengan cara yang sama tambahkan skrip berikut pada dropdown tahun.


Berikut susunan skrip lengkapnya.

 

































Selanjutnya jalankan skrip diatas di browser hingga tampil seperti gambar berikut.


Keterangan Skrip :
Penggunaan Looping.



Skrip diatas adalah skrip perulangan atau looping dengan menentukan batas kelipatan dan kondisi penjumlahan 1 yang berurutan ditambahkan dari batas 1 sampai dengan 31. Kondisi ini ditentukan pada variable $a+=1 artinya $a yang nilai nya 1 akan terus ditambahkan sampai nilai nya sama dengan 31.

Sedangkan pada dropdown tahun digunakan cara yang sama dan hanya berbeda pada penentuan batas perulangan, operator yang digunakan ($i>=1905) serta konidisi increment atau pengurangan nilai dari 2011 sampai dengan 1905.

Penggunaan Array
 












Pada skrip diatas terdapat array pada $bulan yang menampung nilai string Januari sampai Desember, dikarenakan pada prinsipnya dropdown akan menampilkan nilai yang berurutan, maka kita membutuhkan nilai maksimal index pada array dan dapat tentukan dengan menggunakan perintah count sehingga menjadi:

$jlh_bln=count($bulan);

Hasil dari $jlh_bln adalah 11, didapat dari index array yang berurutan dari 0.
Selanjutnya untuk menampilkan masing-masing nilai pada array digunakan looping yang berfungsi untuk mendapatkan urutan nilai 0 sampai dengan 11 yang digunakan sebagai rujukan dalam menampilkan option value pada dropdown tahun.

sumber :
http://news.palcomtech.com/2011/08/membuat-drop-down-tanggal-bulan-dengan-php/

6 komentar:

  1. mksh ya tutorial nya,
    buat tugas kuliah ku, bisa ku kerjakan ...

    BalasHapus
  2. mksih byk y.
    buat tmbahan ilmu nii. :-)

    BalasHapus
  3. bisa nggk ya script nya ditulis di notepad, kalo bisa, gmn cara nya??
    soal nya komputer aku nggk ad dreamweaver nya.
    mksh :)

    BalasHapus
  4. klo hriny bs gak d tmbah lalu gmn crany bwt scrip php???????
    trma ksh

    BalasHapus
  5. terimakasih gan informasinya
    izin share y gan
    http://tkjstmsatu.blogspot.com/

    BalasHapus