Friday, December 12, 2014

Menampilkan Data yang Akan Diedit pada Radio Button dan Combo Box di PHP

Buatlah database dengan nama: dbakademik.
Buat tabel dengan nama: tb_mhs
Buat field-field serta isi seperti pada contoh gambar di bawah ini:
Buat file .php untuk menampilkan data pada tabel tb_mhs. Berikut scriptnya:
<table width="39%" border="0" align="center" cellpadding="1" cellspacing="1" id="tabel">
<?php
    mysql_connect("localhost","root","");   
    mysql_select_db("dbakademik");
$sql = mysql_query("SELECT * FROM tb_mhs ORDER BY nim ASC")or die ("Error!".mysql_error());;
while($hs = mysql_fetch_array($sql)){
        $no++;
        $nim=$hs['nim'];
        $nama=$hs['nama'];
        $jekel=$hs['jekel'];
        $jurusan=$hs['jurusan'];
?>


    <tr>
      <td width="141" height="21">NIM</td>
      <td width="4">:</td>
      <td width="274"><?php echo $nim; ?></td>
    </tr>
    <tr>
      <td height="21">Nama</td>
      <td>:</td>
      <td><?php echo $nama; ?></td>
    </tr>
      <td height="22">Jenis Kelamin</td>
      <td>:</td>
      <td><?php echo $jekel; ?></td>
    </tr>
    <tr>
      <td height="21">Jurusan</td>
      <td>:</td>
      <td><?php echo $jurusan; ?></td>
    </tr>
    <tr>
      <td height="21">Aksi</td>
      <td>:</td>
      <td><a href="edit_data.php?nim=<?php echo $nim;?>">Edit</a></td>
    </tr>
    <tr>
      <td height="28" colspan="6"><hr /></td>
    </tr>
<?
}
?>
</table>
Sehingga ketika dijalankan tampilannya akan seperti berikut ini:
Kemudian buat file edit_data.php untuk menampilkan data yang akan diedit. Berikut ini adalah scriptnya:
 <?php
    mysql_connect("localhost","root","");  
    mysql_select_db("dbakademik");
$id=$_GET['nim'];
$sql = mysql_query("SELECT * FROM tb_mhs WHERE nim='$id'")or die ("gagal query!".mysql_error());
while($hs = mysql_fetch_array($sql)){
        $nim=$hs['nim'];
        $nama=$hs['nama'];
        $jekel=$hs['jekel'];
        $jurusan=$hs['jurusan'];
}
?>
<form action="" method="post" enctype="multipart/form-data" name="form1" target="_self" id="form1">
  <table width="49%" border="0" align="center" cellspacing="3">
    <tr>
      <td width="28%">NIM</td>
      <td width="72%"><input name="nim" type="text" disabled="disabled" id="nim" value="<?php echo $nim;?>" size="20" maxlength="20" /></td>
    </tr>
    <tr>
      <td>Nama</td>
      <td><input name="nama" type="text" id="nama" value="<?php echo $nama;?>" size="30" maxlength="30" /></td>
    </tr>
    <tr>
      <td>Jenis Kelamin</td>
      <td><input name="gender" type="radio" value="Laki-Laki" <? if($jekel=='Laki-Laki'){echo 'checked';}?>/>
        Laki-Laki  <input type="radio" name="gender" value="Perempuan" <? if($jekel=='Perempuan'){echo 'checked';}?>/>
        Perempuan</td>

    </tr>
    <tr>
      <td>Jurusan</td>
      <td><select name="slcjrsn" id="slcjrsn">
        <option value="">-- Pilih --</option>
        <option value="Teknik Informatika"<?php if ($jurusan=="Teknik Informatika") { echo "selected=\"selected\""; } ?>>Teknik Informatika
        </option>
        <option value="Sistem Informasi"<?php if ($jurusan=="Sistem Informasi") { echo "selected=\"selected\""; } ?>>Sistem Informasi</option>
        <option value="Teknik Elektro"<?php if ($jurusan=="Teknik Elektro") { echo "selected=\"selected\""; } ?>>Teknik Elektro</option>
        <option value="Teknik Mesin"<?php if ($jurusan=="Teknik Mesin") { echo "selected=\"selected\""; } ?>>Teknik Mesin</option>
      </select></td>

    </tr>

  </table>
</form>
 *untuk script yang bercetak tebal adalah script inti dari membuat edit data pada radio button serta combo box di php (menampilkan data yang sudah dipilih pada radio button serta combo box)

Dan di bawah ini adalah gambar tampilan ketika salah satu data dipilih untuk diedit:

Fin.
Happy Coding.
Alhamdulillah.
:)

16 comments:

  1. ini yang saya cari terimakasih banyak :D

    ReplyDelete
  2. cool..btw saya mo nanya, cara buat translate dengan icon seperti di samping itu bagaimana mas?...terima kasih..

    ReplyDelete
  3. sangat membatu thank you
    kunbal
    denypras.co.vu

    ReplyDelete
  4. kalau datanya query gimana ya gan ngambilnya?
    option selected otomatis.
    mohon bantuannya

    ReplyDelete
  5. Terima kasih atas infonya, gan. Dengan menggunakan radio button yang name nya sama, maka bisa ter checked nya salah satu.

    Kunjungi blog saya ya: https://tedsu.mahasiswa.atmaluhur.ac.id
    dan website kampus saya: http://www.atmaluhur.ac.id

    ReplyDelete
  6. siang admin, artikel dengan judul menampilkan data yang akan diedit pada radio button dan combo box di php ini sangat bagus...Dengan menggunakan radio button yang namanya sama, maka bisa tercheckednya salah satu.
    artikel ini juga menjelaskan secara singkat tapi jelas dan menberikan contoh menggunakan gambar sehingga memudahkan proses saat menjalankannya..
    thanks admin


    jangan lupa kunjungi website kampus kami http://www.atmaluhur.ac.id

    dan website saya https://akbarfitriansyah.mahasiswa.atmaluhur.ac.id

    ReplyDelete
  7. Terima kasih atas informasinya, Dengan menggunakan Radio Button dan Combo Box di PHP ,menggunakan radio button yang namanya sama, maka bisa tercheckednya salah satu.

    jangan lupa kunjungi website saya:http://sopiantoro.mahasiswa.atmaluhur.ac.id

    dan website kampus saya:http://www.atmaluhur.ac.id

    ReplyDelete
  8. terima kasih mas tutorialnya sangat membantu.
    Web Portal Berita dengan Php, Mysql dan Bootstrap
    Sistem Informasi Persediaan Barang dengan Php dan Mysql
    Kunjungi juga website saya di : https://bagussmj.mahasiswa.atmaluhur.ac.id/
    dan website kampus saya di : http://www.atmaluhur.ac.id/?

    ReplyDelete
  9. kalau data combo boxnya query gimana ya gan ngambilnya?
    option selected otomatis.
    mohon bantuannya

    ReplyDelete
  10. Terimakasih banyak, sangat membantu :)

    ReplyDelete