Selamat Siang para developer
Oke Para developer untuk kali ini kita akan belajar membuat sebuah Dropdows List Dynamic dengan menggunakan PHP dan MYSL , dimana isi content dropdowsn List ini diambil dari sebuah databases , jadi data tersebut bisa berubah maupun bertambah sesuai data yang ada didatabase. sebenarnya untuk tutorial ini udah banyak di sebuah web maupun blog akan tetapi gak ada salahnya kita ulangi lagi karna masih ada beberapa orag belum paham.
adapun caranya sebagai berikut :
1. Buatlah sebuah database baru dengan nama tutorial
2. Buatlah tabel dengan nama dropdown_list beri field 2 seperti dibawah ini
id
3. Sekarang kita buat koneksinya seperti dibawah ini dan tempatkan di paling atas page
<?PHP $host="localhost";//koneksi databses
$user="root"; $pass=""; $db="tutorial";
$koneksi=mysql_connect($host,$user,$pass);
mysql_select_db($db,$koneksi); if($koneksi)
{ //echo "Berhasil koneksi"; } else{echo"Koneksi gagal";}?>
4. Sekarang kita tinggal buat Dropdown List Dynamicnya dengan script dibawah ini
<select class="dropdown_list" name="nama"> <?PHP $query = mysql_query("select * from dropdown_list order by dropdown_list.id") or die (mysql_error()); while ($row = mysql_fetch_array($query)) { $nama = strip_tags($row['nama']); ?> <option value="<?PHP $nama;?>"><?PHP echo $nama;?></option> <?PHP }?> </select>5. Selesai...
SeniKoding.com - Form pada HTML sering kali digunakan untuk keperluan input suatu data. Dengan form tersebut kita bisa mengambil data yang ingin kita kumpulkan, dari Nama, alamat, email, Program studi, dan lain sebagainya. Untuk bagian seperti input text contohnya nama dan email bisa mengguanakan type input text yang sudah dibahas pada artikel sebelumnya mengenai Membuat form input text dengan PHP dan MYSQL, kali ini akan dilanjutkan dengan pembahasan Membuat Form type Select option / Combobox. Materi ini merujuk kepada pembuatan bertype seperti input Jenis kelamin, Agama dan program studi mahasiswa yang memang idealnya menggunakan form bertype Select.
Type Select option sangat cocok untuk list data yang jumlahnya lebih dari satu, baik dari segi desain tampilan maupun idealnya sebuah form. Dibawah ini akan dibahas secara mendetail dari form HTMLnya, PHP maupun menggunakan Database yang dimana data tersebut akan disimpan.
Membuat Form Select Option (ComboBox) pada HTML
Pertama yang harus dilakukan adalah membuat kerangka Form Select option dengan HTML, dibawah ini contoh kasus membuat Form combo box inputan "Agama".
Kode Form select option (Combo box) HTML:
<form method='POST' action=''> <h2>Tambah Agama</h2> <h4><select name="agama"> <option value="Islam">Islam</option> <option value="Kristen">Kristen</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> <option value="Lainnya">Lainnya</option> </select> <input type="submit" name="submit" value="Submit"/> </h4> </form>
Dalam form select nama Agama diatas telah diberikan 5 pilihan yang dapat dipilih dengan memberikan perbedaan dengan identitas name "agama" dan meberikan nilainya pada "value".
Setelah membuat Form select option (Combobox) kita akan beralih kepada cara mengirim form tersebut dengan methode "POST" dan action nya pada file itu sendiri dengan bantuan PHP dibawah ini.
Membuat Form Select Option (ComboBox) dengan PHP
Membuat sebuah Form biasanya dikolaborasikan dengan bahasa pemrogramman lainnya selain HTML, bisa dengan Javascript maupun PHP. Untuk kali ini akan saya gabungkan dengan PHP untuk proses eksekusinya sehingga dapat menghasilkan form yang dinamis.
Kode Form Select option (Combobox) PHP:
<?php if (isset($_POST['submit'])) { $agama = $_POST['agama']; echo "<h4>$agama</h4>"; } ?>
Dari script PHP diatas telah diketahui bahwa parsingan dari Form HTML telah di "isset" dengan tombol "submit" sehingga akan ada aksi jika tombol submit telah ditekan. Dengan menambahkan variable "agama" sebagai penampung value dari data "POST" yang di pilih. Dan sementara akan menampilkan pilihan pada browser dengan perintah "echo".
Dicoba dengan memilih agama "Islam" dan tekan tombol submit, keluar / echo "Islam" artinya kode tersebut berhasil dibuat. Setelah bisa membuat select form dengan PHP dibawah ini akan digabungkan dengan Query database, sehingga data tersebut dapat masuk kedalam database untuk keperluan terentu.
Membuat Form Select Option (ComboBox) dengan PHP dan MYSQL
Setelah berhasil membuat form select option dengan PHP, sobat SeniKoding bisa menyimpan semua inputan Combobox tersebut kedalam database nya. Langkahnya pun tidak sulit, simak cara menyambungkan kedalam database MYSQL dibawah ini:
Pertama tama membuat koneksi database Mysql:
<?php $dbUser = 'localhost'; $dbHost = 'root'; $dbPass = ''; $dbName = 'latihan_crud1'; $db = mysqli_connect($dbUser, $dbHost, $dbPass, $dbName); ?> Database yang digunakan masih sama dengan yang digunakan pada artikel sebelumnya yaitu Membuat Form Input Text dengan PHP dan MYSQL.
Selanjutnya menyambungkan atau menggabungkan koneksi database dengan kode HTML dan PHP diatas:
<!DOCTYPE html> <html> <head></head> <body> <form method='POST' action=''> <h2>Tambah Agama</h2> <h4><select name="agama"> <option value="Islam">Islam</option> <option value="Kristen">Kristen</option> <option value="Hindu">Hindu</option> <option value="Budha">Budha</option> <option value="Lainnya">Lainnya</option> </select> <input type="submit" name="submit" value="Submit"/> </h4> </form> <?php if (isset($_POST['submit'])) { $agama = $_POST['agama']; $sql = $db->query("INSERT INTO t_user (agama) VALUES ('$agama') "); header('location:index.php'); } ?> </body> </html>
Kode ini $sql = $db->query("INSERT INTO t_user (agama) VALUES ('$agama') "); adalah Query kode untuk menambahkan / insert kedalam database. Setelah mencoba dengan agama "Islam" dan menekan tombol "Submit" kemudian data tersebut akan diperintahkan untuk ditambahkan kedalam database nya sesuai Query yang dibuat. Sobat bisa mempelajari teknik yang lain pada pembahasan mengenai MYSQL di SeniKoding.
Jika sobat sudah bisa mempraktekan dan berhasil cobalah untuk bereksperimen lagi dengan bisa menambahkan nama table atau nama kolom pada database untuk pembelajaran.
Semoga artikel Membuat Form Select Option (ComboBox) Dengan PHP dan MYSQL bermanfaat.
Ada pertanyaan tentang Belajar PHP ?
- Salam -