Daftar drop-down di php dari database mysqli

Posting ini menjelaskan penggunaan kontrol Pilih formulir untuk menampilkan data yang diambil dari tabel MySql di kotak daftar Drop down. Kontrol bentuk Pilih mungkin yang paling menarik dari semua kontrol bentuk karena dapat menangani sejumlah besar opsi

Table of Contents Show

Langkah 1. pembuatan tabel skill_set
Langkah 2. Masukkan data menggunakan kueri SQL
Langkah 3. Formulir HTML dengan kontrol formulir pilih
Langkah 4. Kode PHP untuk menangani elemen Pilih
Bagaimana cara mendapatkan data dari database ke Dropdownlist di php?
Bagaimana menghubungkan drop
Bagaimana cara memfilter catatan dari database dengan dropdown menggunakan php?
Bagaimana cara mengambil data dari database di php dan ditampilkan di tabel?

Seperti biasa, kami menyelesaikan ini menggunakan empat langkah sederhana. Tidak ada pemeriksaan kesalahan atau kode kosmetik, hanya kode biasa untuk menampilkan data yang diambil dari tabel MySql ke kotak daftar drop-down

Langkah 1. Membuat tabel (skill_set) di database Post

Langkah 2. Masukkan data menggunakan kueri SQL

Langkah 3. Buat formulir HTML dengan kotak daftar tarik-turun (pilih kontrol formulir)

Langkah 4. Rancang kode PHP untuk memilih data dari tabel MySql dan tampilkan dalam kotak daftar drop-down dalam dokumen HTML

Langkah 1. pembuatan tabel skill_set

Kami mengasumsikan tabel sederhana "skill_set" yang hanya berisi dua bidang. skill_id dan skill. Kita dapat membuat tabel melalui “phpmyadmin” menggunakan dua metode. Menggunakan tab Struktur atau melalui kueri SQL. Kita bisa menggunakan salah satunya. Metode pertama dijelaskan di artikel sebelumnya – Memasukkan data dari formulir HTML ke MySql. Kami mengeksplorasi metode kedua di sini

Mulai Server XAMPP / WAMP
Buka localhost/phpmyadmin di browser web Anda
Buat database posting
Buat tabel skill_set menggunakan Structure atau SQL (bernomor 2 dan 3 pada gambar berikut). Kami menggunakan kueri SQL. Periksa tabel Membuat menggunakan gambar kueri SQL

Membuat tabel menggunakan struktur.

Membuat tabel menggunakan kueri SQL

Langkah 2. Masukkan data menggunakan kueri SQL

Sisipkan kueri SQL

PhpMyAdmin menyediakan kueri prototipe untuk memasukkan data. Yang harus kita lakukan adalah untuk menempatkan nilai yang sesuai dalam Klausul VALUES. Mari kita tambahkan beberapa catatan menggunakan kueri SQL dan satu catatan lagi menggunakan opsi Sisipkan. Kedua opsi itu sama

Masukkan data ke dalam tabel skill_set menggunakan kueri SQL

Kita dapat menambahkan satu record lagi menggunakan tab insert dan melihat semua record yang dimasukkan sejauh ini

Sisipkan data menggunakan tab Sisipkan

Saat mengklik tab Telusuri (ditandai 1 pada gambar), kueri SQL yang sesuai ditampilkan (ditandai 2 pada gambar) dan semua catatan ditampilkan (ditandai 3 pada gambar)

Langkah 3. Formulir HTML dengan kontrol formulir pilih

Ada banyak elemen kontrol formulir seperti Teks, Textarea, Tombol Radio tersedia untuk mengambil input dari pengguna dan menyimpan data dalam tabel database MySql. Elemen pilih sangat istimewa karena digunakan untuk memasukkan banyak nilai menggunakan kotak daftar drop-down. Sintaks pembuatan kontrol formulir ditunjukkan di bawah ini

<p>The select element is used to create a drop-down list.</p>

<form action="/action_page.php">
  <label for="Fruit">Choose One or more fruits:</label><br> <br>
  <select name="fruits" id="fruits" multiple>
    <option value="1">Apple</option>
    <option value="2">Mango</option>
    <option value="3">Cherry</option>
    <option value="4">Banana</option>
    <option value="5">Grapes</option>
  </select>
  <br><br>
  <input type="submit" value="Submit">
</form>">

Output dari elemen pilih

Ketentuan yang diberikan antara dan seperti Apple, Mango ditampilkan di kotak daftar drop-down. Atribut nilai menentukan nilai yang akan dikembalikan ke penangan formulir saat istilah yang sesuai dipilih

Kode HTML harus dimodifikasi sedikit untuk menangani beberapa pilihan (ditentukan oleh Multiple atribut) dan istilah yang akan ditampilkan harus dibuat dalam kode PHP secara dinamis. Kode HTML yang diberikan di bawah ini menggunakan variabel PHP (selected_str) untuk pembuatan konten drop-down yang dinamis

<HTML>   <HEAD>
</HEAD>
<BODY>
 <H1>Skills profile</H1>
  <FORM METHOD=POST 
           action="<?php echo $_SERVER["PHP_SELF"]; ?>">
  <label for="skills" > Skill Set:</label> <br>
 <SELECT NAME="skills[]" SIZE=10 MULTIPLE ID ="skills"> 
        <?php echo "$select_str"; ?> </SELECT>  <BR><BR>
</FORM>
</BODY></HTML>

Garis yang disorot menunjukkan bagaimana kode PHP tertanam dalam dokumen HTML. Atribut tindakan menentukan bahwa penangan formulir ada dalam skrip yang sama. Kami menyiapkan array dalam bentuk HTML dengan mendeklarasikan atribut GANDA dari elemen SELECT dan menambahkan [] ke nama variabel di atribut Nama. Kode PHP harus dirancang untuk berurusan dengan array daripada variabel tunggal, dan itu juga harus membangun array dengan tepat dengan banyak nilai

Langkah 4. Kode PHP untuk menangani elemen Pilih

Kode PHP harus membangun array select_str dari data tabel yaitu skill_set. Kita harus membuat koneksi database MySql dan tabel. Kami kemudian menggunakan string kueri untuk memilih record dari tabel skill_set, mengambil pernyataan untuk mengambil record satu per satu dan membuat select_str. Kami menggunakan server localhost, pengguna root dan string nol sebagai kata sandi dan nama database (Post) dalam string koneksi. Dalam contoh ini, kami menggunakan sintaks Prosedural MySQLi

// Open connection to the database
$db = mysqli_connect("localhost", "root", "","Post");
if (mysqli_connect_errno()) {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
    exit();
   }
   $select_str = "";
   $query = "SELECT * FROM skill_set";
   $result = mysqli_query($db,$query);
  while ($row = mysqli_fetch_row($result)) 
  {
  $select_str .= "<OPTION VALUE=\"$row[1]\" >$row[1]\n"; 
//If the array is to be integer indexed, use the following
// $select_str .= "<OPTION VALUE=\"$row[0]\" >$row[1]\n"; 
   } 
?>

while loop adalah untuk mengulang melalui baris yang diambil oleh fungsi mysqli_fetch_row satu per satu. Baris berisi dua field (ID dan Skill), yang dapat diakses oleh $row[0] dan $row[1]. Karena kami ingin membuat array hanya dengan nama skill (key dan value), kami hanya menggunakan kolom kedua. Jika kita ingin kuncinya diindeks bilangan bulat, kita dapat membuat array seperti yang ditunjukkan pada baris komentar

Kode lengkap dan output yang sesuai ditunjukkan di bawah ini

<?php
// Open connection to the database
$db = mysqli_connect("localhost", "root", "","Post");
if (mysqli_connect_errno()) {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  exit();
   }
    $select_str =  "";
   $query = "SELECT * FROM skill_set";
   $result = mysqli_query($db,$query);
   while ($row = mysqli_fetch_row($result)) 
  {
  $select_str .= "<OPTION VALUE=\"$row[1]\" >$row[1]\n"; 
     //If the array is to be integer indexed, use the following
     // $select_str .= "<OPTION VALUE=\"$row[0]\" >$row[1]\n"; 
   }
?>
<HTML>   <HEAD>
</HEAD>
<BODY>
     <H1>Skills profile</H1>
 <FORM METHOD=POST action="<?php echo $_SERVER["PHP_SELF"];?>">
 <label for="skills" > Skill Set:</label> <br>
<SELECT NAME="skills[]" SIZE=10 MULTIPLE ID ="skills"> <?php echo "$select_str"; ?> 
</SELECT>  
</FORM>
</BODY></HTML>

Daftar drop-down diisi dari tabel

Ini adalah demonstrasi sederhana mengisi kotak daftar drop-down HTML dengan konten tabel MySql. Kami akan meningkatkan kode ini untuk menggunakan dua tabel dan menampilkan konten dari tabel dan memasukkan konten ke dalam tabel di posting berikutnya. Sampai kemudian,