Troubleshooting Windows

[Windows][bsummary]

SEO

[SEO][twocolumns]

Tips & Trick

[Tips and Trick][bigposts]

Cara membuat autocomplete dengan PHP

Cara membuat autocomplete dengan PHP
Cara membuat autocomplete dengan PHP
Cara membuat  autocomplete dengan PHP MySQL dan Jquery sangat mudah, metode ini digunakan untuk mempermudah proses pencarian dati yang tersimpan di database. Autocomplete juga sering disebut autosuggest. 

Metode form input untuk langsung menampilkan data secara otomatis dari database dengan mengetikan huruf tertentu, seperti mesin pencarian Google.

Berikut ini cara membuat form pencarian autocomplete dengan PHP MySQL dan Juery. Langkah pertama buatlah database di localhost PHP MyAdmin dengan nama "dbbarang".

Setelah itu buatlah tabel dengan nama "tbbarang" dengan field berikut ini:

  • kodebarang : char , 11, primary key
  • namabarang : varchar, 50
  • hargabeli : int, 11
  • hargajual : int, 11
  • stokawal : smallint, 6

Sehingga terlihat seperti gambar dibawah ini:
Cara membuat autocomplete dengan PHP

Langkah selanjutnya adalah membuat file php bernama "barang.php". Untuk scriptnya silahkan copy paste dibawah ini dan letakan dibawah tag <body>:
<div class="demo" style="width: 250px;">
<div><p>Nama Barang : <input type="text" id="barang"></p></div>
</div>

<div id="pilihan">
</div>

Langkah selanjutnya buatlah file php dengan nama "proses_barang.php". Untuk scriptnya silahkan copy paste kode dibawah ini:
<?php
mysql_connect("localhost","root","");
mysql_select_db("dbbarang");

$q = strtolower($_GET["q"]);
if (!$q) return;

$sql = mysql_query("select namabarang from tbbarang where namabarang LIKE '%$q%'");
while($r = mysql_fetch_array($sql)) {
 $nama_barang = $r['namabarang'];
 echo "$nama_barang \n";
}
?>

Selunjutnya jalankan program tersebut di web browser kesangan anda, dan hasilnya akan nampak seperti gambar dibawah ini:
Cara membuat autocomplete dengan PHP
Atau anda bisa download contoh programnya [Disini].

Demikian cara membuat autocomplete dengan PHP, semoga bermanfaat untuk yang lagi belajar pemrograman web.

2 comments:

  1. Terima kasih gan. sangat bermanfaat. ijin download file contohnya

    ReplyDelete
  2. kalo dengan autocomplete itu juga menampilkan harga, caranya gimana ya ?

    ReplyDelete