Cara menggunakan update select option php

Question

Pada tutorial kali ini saya akan membahas tentang PHP yaitu Membuat Select Option Otomatis Terselect Saat Update Data,Â jadi yang dimasksudÂ terselect otomatis di sini adalah ketika kita mengupdate suatu data pada form maka select option akan terselect atau terpilih sesuai data yang kita pilih.

sebenarnya caranya sederhana , di sini saya mencontohkan menggunakan sebuah array ,Â apabila Variable output kita masukan data dari salh satu isi array yang telah tersedia , maka akan otomatis terselected.

COntoh codenya seperti ini :

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<?php

$options = array( 'one', 'two', 'three' );

$output = '';

for( $i=0; $i<count($options); $i++ ) {

$output .= '<option '

. ( $_GET['sel'] == $options[$i] ? 'selected="selected"' : '' ) . '>'

. $options[$i]

. '</option>';

}

?>

</body>

</html>

Baiklah teman-teman itu saja dari saya untuk artikel tentang Membuat Select Option Otomatis Terselect Saat Update Data, sampai bertemu pada artikel selanjutnya.

Selamat datang di blog Mari belalar coding. Pada tutorial kali ini kita akan belajar membuat sebuah form edit data dropdown atau combo box dimana data atau value dropdown sendiri akan terisi otomatis sesuai data yang telah di inputkan pertama kali pada database.

Menampilkan Data Dropdown Combo Box Saat Edit Data PHP

1. Buat database terlebih dahulu. Contoh database akademik dengan dua tabel bernama tabel mahasiswa dan tabel jurusan.

-- Buat database akademik
CREATE DATABASE `akademik`;
USE `akademik`;
 
CREATE TABLE `mahasiswa` (
`nim` varchar(15),
`nama` varchar(40),
`alamat` text,
`jurusan` int(11),
PRIMARY KEY (`nim`)
);
 
CREATE TABLE `jurusan` (
`id_jurusan` varchar(11),
`jurusan` varchar(255),
PRIMARY KEY (`id_jurusan`)
);

2. Insert data kedalam tabel mahasiswa dan tabel jurusan.

INSERT INTO `mahasiswa` VALUES ('1234', 'Agung Saputra', 'Jakarta', '1');
INSERT INTO `mahasiswa` VALUES ('12355', 'Angga', 'Bandung', '2');

INSERT INTO `jurusan` VALUES ('1', 'Teknik Informatika');
INSERT INTO `jurusan` VALUES ('2', 'Sistem Informasi');
INSERT INTO `jurusan` VALUES ('3', 'Manajemen Informatika');

Baca juga : Simpan Data Multiple Combobox dengan PHP

3. Setelah data berhasil di inputkan, selanjutnya membuat sebuah koneksi dengan php untuk menghubungkan dengan database.

<?php 
 mysql_connect("localhost","root","");
 mysql_select_db("akademik");
?>

4. Buat tabel dengan html dan php untuk menampilkan data dari database.

<table border="1">
 <thead>
  <tr>
   <th>NIM</th>
   <th>Nama</th>
   <th>Alamat</th>
   <th>Jurusan</th>
   <th></th>
  </tr>
 </thead>
 <tbody>
  <?php
   $query="SELECT
     mahasiswa.nim,
     mahasiswa.nama,
     mahasiswa.alamat,
     jurusan.jurusan
     FROM
     mahasiswa
     INNER JOIN jurusan ON jurusan.id_jurusan = mahasiswa.jurusan";
   $sql=mysql_query($query);
   while ($data=mysql_fetch_array($sql)) {
  ?>
   <tr>
    <td><?=$data['nim']?></td>
    <td><?=$data['nama']?></td>
    <td><?=$data['alamat']?></td>
    <td><?=$data['jurusan']?></td>
    <td><a href="edit.php?nim=<?=$data['nim']?>">Edit</a></td>
   </tr>
  <?php
   }
  ?>  
 </tbody>
</table>

Baca juga: Membuat Validasi Form dengan JQuery Form Validator

5. Kode lengkap seperti dibawah ini.

<!DOCTYPE html>
<html>
<head>
  <title>maribelajarcoding.com</title>
<?php 
 mysql_connect("localhost","root","");
 mysql_select_db("akademik");
?>
</head>
<body>
<table border="1">
 <thead>
  <tr>
   <th>NIM</th>
   <th>Nama</th>
   <th>Alamat</th>
   <th>Jurusan</th>
   <th></th>
  </tr>
 </thead>
 <tbody>
  <?php
   $query="SELECT
     mahasiswa.nim,
     mahasiswa.nama,
     mahasiswa.alamat,
     jurusan.jurusan
     FROM
     mahasiswa
     INNER JOIN jurusan ON jurusan.id_jurusan = mahasiswa.jurusan";
   $sql=mysql_query($query);
   while ($data=mysql_fetch_array($sql)) {
  ?>
   <tr>
    <td><?=$data['nim']?></td>
    <td><?=$data['nama']?></td>
    <td><?=$data['alamat']?></td>
    <td><?=$data['jurusan']?></td>
    <td><a href="edit.php?nim=<?=$data['nim']?>">Edit</a></td>
   </tr>
  <?php
   }
  ?>  
 </tbody>
</table>
</body>
</html>

6. Tampilan jika program dijalankan.

7. Buat file edit.php untuk membuat sebuah form edit.

<!DOCTYPE html>
<html>
<head>
  <title>maribelajarcoding.com</title>
<?php 
 mysql_connect("localhost","root","");
 mysql_select_db("akademik");
?>
</head>
<body>
 <table>
  <?php
   $nim=$_GET['nim'];
   $query="SELECT * FROM mahasiswa WHERE nim='".$nim."'";
   $sql=mysql_query($query);
   $data=mysql_fetch_array($sql);
  ?>
  <form method="POST">
   <tr>
    <td>NIM</td>
    <td><input type="text" name="nim" id="nim" value="<?=$data['nim']?>"></td>
   </tr>
   <tr>
    <td>Nama</td>
    <td><input type="text" name="nama" id="nama" value="<?=$data['nama']?>"></td>
   </tr>
   <tr>
    <td>Jurusan</td>
    <td>
     <select name="jurusan" id="jurusan">
      <?php
       $query_jurusan="SELECT * FROM jurusan";
       $sql_jurusan=mysql_query($query_jurusan);
       while ($data_jurusan=mysql_fetch_array($sql_jurusan)) {
        if ($data['jurusan']==$data_jurusan['id_jurusan']) {
         $select="selected";
        }else{
         $select="";
        }
        echo "<option $select>".$data_jurusan['jurusan']."</option>";
       }
      ?>      
     </select>
    </td>
   </tr>
   <tr>
    <td>Alamat</td>
    <td><textarea name="alamat" id="alamat"><?=$data['alamat']?></textarea></td>
   </tr>
   <tr>
    <td></td>
    <td><input type="submit" name="simpan" value="Simpan"></td>
   </tr>
  </form>
 </table>
</body>
</html>

Keterangan:
Untuk membuat combo box terisi otomatis seperti data pertama kali di inputkan, kita perlu membuat sebuah kondisi. Jika data jurusan dari tabel mahasiswa sama dengan data tabel jurusan maka di kasih selected agar combobox otomatis terpilih. lihat bagian yang di beri highlight.

kode php

Cara menggunakan update select option php

Pos Terkait

Periklanan

BERITA TERKINI

Toplist Popular

Periklanan

Terpopuler

Token Data

Periklanan

Tentang Kami

Legal

Dukungan

Social