Membuat Form Select Option (ComboBox) Dengan PHP dan MYSQL

Bagikan di ->

Facebook Google+ Twitter

Form select option dengan PHP dan MYSQL

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
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
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
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.

- Salam -

Berlangganan Artikel Kami Gratis, masukan Email dan Verifikasi:

Menarik lainnya:

2 Responses to "Membuat Form Select Option (ComboBox) Dengan PHP dan MYSQL"

  1. Mantap tutirialnya mas...mudah saya pahamai dengan gaya bahasa seserhana

    ReplyDelete
    Replies
    1. terima kasih sudah mampir ke tutorial membuat Form gan :)

      Delete

* Berkomentar sesuai tema ya gaes..

- Terima Kasih -