Cara menggunakan source code dropdown php

Table of Contents Show

Membuat Form Select Option (ComboBox) pada HTML
Membuat Form Select Option (ComboBox) dengan PHP
Membuat Form Select Option (ComboBox) dengan PHP dan MYSQL
Apa HTML form yang benar untuk membuat daftar drop down?
Apa itu fitur drop down?
Apa itu Drop Down di HTML?

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

ColumnTypeIdInt (8)namavarchar (20)Prymary Key

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>

Form select option (Combobox) dengan HTML
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>";
}
?>

Form select option (Combobox) dengan PHP
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>

Form select option (Combobox) dengan MYSQL
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 -

Apa HTML form yang benar untuk membuat daftar drop down?

Perhatikan pada file menu.html di atas, untuk membuat menu dropdown, element HTML yang kita gunakan adalah element <ul> <li> .

Apa itu fitur drop down?

Dilansir dari Kiat Excel, Drop Down List merupakan fitur Excel yang berfungsi untuk mempermudah input data. Umumnya berisi beberapa pilihan data dan pengguna hanya boleh memilih salah satu dari list tersebut. Salah satu dalam menerapkan drop down biasanya terjadi ketika ingin memuat data serupa pada sheet yang berbeda.

Apa itu Drop Down di HTML?

Dropdown Menu adalah Menu yang mempunyai submenu di dalamnya jadi jika kita arahkan kursor ke menu tersebut maka akan muncul menu lainya yang memanjang ke bawah dan di dalamnya terdapat submenu.