Membuat Autocomplete pencarian dengan Jquery

Posted on Updated on


jquery2Sekarang saya beralih ke VB Net Setelah sekian lama ane ngotak atik java dan Php , disini ane mau coba membuat program sederhana yang belom menggunakan database yang mana program ini hanya menyimpan atau menampilkan data ke dalam dataGrid saja , didalam program ini sudah menggunakan kondisi if Else , wah kayaknya kalau ane memperpanjang cerita jadi gak mulai – mulai ne program vb net nya ne……..

ansung saja di buka VBnet 2008 Nya ,  kemudian klik file > New > Widows Application>lalu berikan nama dengan project kita yang aan kita buatcoba design tampilan program seperti di bawah ini:

kemudian berikan kondisi ke dalam textbox1.text dengan listing sebagai berikut :

<!doctype html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<title>Membuat Pencarian Dengan Jquery Autocomplete</title>
<link rel=”stylesheet” href=”//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css”>
//code.jquery.com/jquery-1.10.2.js
//code.jquery.com/ui/1.11.4/jquery-ui.js
<link rel=”stylesheet” href=”/resources/demos/style.css”>

$(function() {
var CariData = [
“Apel”,
“Mangga”,
“Nanas”,
“Pisang”,
“Anggur”,
“jeruk”,
“salak”,
“Rambai”,
“Rambutan”,
“Perr”
];
//deklarasikan id untuk di panggil di hatml nanti
$( “#cari” ).autocomplete({
source: CariData
});
});

</head>
<body>

Pencarian Data:

</body>
</html>

 

 

selesaii

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s