Menampilkan Harga Secara Otomatis Setelah Pilih ComboBox Pada PHP

Dunia Programming - PHP (PHP Hypertext Prepocessor) Merupakan bahasa pemrograman yang sering digunakan oleh para programmer untuk membuat sebuah program website, namun banyak juga yang mengalami kendala, diantaranya :

• Harga Tidak Bisa Tampil Secara Otomatis ketika memilih barang yang kita inginkan
• Kode Barang tidak bisa tampil otomatis ketika memilih barang
• Nama Petugas tidak bisa tampil secara otomatis ketika melakukan proses transaksi

Dan Masih banyak lagi kendala yang dialami oleh para programmer khususnya programmer pemula, nah untuk mengatasi masalah itu, kita hanya perlu menambahkan beberapa source code bahasa pemrograman yaitu JQuery dan Javascript.

Menampilkan Harga Secara Otomatis Setelah Pilih ComboBox Pada PHP

Kalian Bisa Lihat Proses Pemilihan barangnya, dan harga otomatis muncul ketika kita memilih nama barang.

Nah bagaimana cara membuatnya...? langsung saja kita mulai tutorialnya

Menampilkan Harga Secara Otomatis Setelah Pilih ComboBox Pada PHP

1). Bahan :
Web Editor : Sublime Text 3, Notepad++

2). Buat Source code koneksinya terlebih dahulu, atau bisa copy script dibawah ini, kemudian simpan dengan nama koneksi.php

<?php
// Author Dunia Programming www.duniaprogramming.me
$server = "localhost";
$username = "root";
$password = "";
$database = "pogram";

// Koneksi dan memilih database di server
$con = mysqli_connect($server,$username,$password,$database);
?>

3). Copy Source Code dibawah ini, kemudian simpan dengan nama index.php, simpan kedalam folder Otomatis, dan jangan lupa letakkan di folder xampp > htdocs > Otomatis.

<?php
include "koneksi.php";
?>

<form name='autoSumForm' action='' method='post'>
 <h5>Tabel Harga Barang</h5>
 <table width='25%' style='margin-left:1%' border='1px'>
 <tr>
 <td>Nama Barang</td>
 <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <?php
    $result = mysqli_query($con,"select * from harga");
    $jsArray = "var prdName = new Array();\n";
    echo '
   <select name="pengeluaran" onchange="document.getElementById(\'prd_name\').value = prdName[this.value]">
   <option>Pilih Barang</option>';
     while ($row = mysqli_fetch_array($result)) {
   echo '
  <option value="' . $row['nama_barang'] . '">' . $row['nama_barang'] . '</option>';
   $jsArray .= "prdName['" . $row['nama_barang'] . "'] = '" . addslashes($row['harga']) . "';\n";
     }
     echo '
     </select>';
    ?>
    </td>
   </tr>
   <tr>
 <td>Harga</td>
 <td><label>Rp.</label>&nbsp;&nbsp;<input type="text" name="harga" id="prd_name"></td>
    <script type="text/javascript">
    <?php echo $jsArray; ?>
    </script>    
   </tr>
  </table>
</form>

Lalu simpan dan jalankan dengan cara ketik alamat folder dimana anda menyimpan data anda tadi kedalam folder htdocs. ketik dialamt url localhost/Otomatis/

Jika kalian mengalami kesulitan dalam proses pembuatan script diatas, silahkan kalian bisa tinggalkan pesan pada kolom komentar dibawah ini, atau bisa download aplikasinya dibawah ini.

Cara ini biasa kita gunakan pada form transaksi, jadi buat kalian yang ingin menggunakan source code menampilkan harga otomatis, kalian bisa gunakan source code tersebut.

Demikian tutorial dari saya, semoga bermanfaat, terima kasih.