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

13 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. kalau data combo boxnya query gimana ya gan ngambilnya?
    option selected otomatis.
    mohon bantuannya

    ReplyDelete
  7. Terimakasih banyak, sangat membantu :)

    ReplyDelete