Autocomplete Demo using JQuery
source : Variable




<input type=text  id='t1' > <div id=d1 ></div>

$(document).ready(function() {
//////////////////////////
var my_var=[{"label" : "John Deo","value" : "1"},{"label" : "Max Ruin","value" : "2"},{"label" : "Arnold","value" : "3"},{"label" : "Krish Star","value" : "4"},{"label" : "John Mike","value" : "5"},{"label" : "Alex John","value" : "6"},{"label" : "My John Rob","value" : "7"},{"label" : "Asruid","value" : "8"},{"label" : "Tes Qry","value" : "9"},{"label" : "Big John","value" : "10"},{"label" : "Ronald","value" : "11"},{"label" : "Recky","value" : "12"},{"label" : "Kty","value" : "13"},{"label" : "Bigy","value" : "14"},{"label" : "Tade Row","value" : "15"},{"label" : "Gimmy","value" : "16"},{"label" : "Tumyu","value" : "17"},{"label" : "Honny","value" : "18"},{"label" : "Tinny","value" : "19"},{"label" : "Jackly","value" : "20"},{"label" : "Babby John","value" : "21"},{"label" : "Reggid","value" : "22"},{"label" : "Herod","value" : "23"},{"label" : "Tiddy Now","value" : "24"},{"label" : "Giff Tow","value" : "25"},{"label" : "Crelea","value" : "26"},{"label" : "Big Nose","value" : "27"},{"label" : "Rojj Base","value" : "28"},{"label" : "Tess Played","value" : "29"},{"label" : "Reppy Red","value" : "30"},{"label" : "Marry Toeey","value" : "31"},{"label" : "Binn Rott","value" : "32"},{"label" : "Kenn Rein","value" : "33"},{"label" : "Gain Toe","value" : "34"},{"label" : "Rows Noump","value" : "35"}];

$( "#t1" ).autocomplete({
      source: my_var,

select:function (e, ui) {
$("#d1").load("autocomplete-demo1-dtl-db.php?id="+ui.item.value);
}
});
////////////////
})


plus2net.com



Post your comments , suggestion , error , requirements etc here .







Most Popular JQuery Scripts

1

Two dependant list boxes

2

Calendar with Date Selection

3

Data change by Slider

4

Show & Hide element
We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2020 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer