JQ6

ADVANCED JAVASCRIPT LAB PROGRAMS

6. Create a pre-populated list of values and delay in milliseconds between a keystroke occurs and a search is performed.

PROGRAM:

<html>

<head>

<title>jQuery UI Autocomplete - Default functionality</title>

<link href = "jquery-ui-1.12.1/jquery-ui.css" rel = "stylesheet">

<script src = "jquery-1.12.4.js"></script>

<script src = "jquery-ui-1.12.1/jquery-ui.js"></script>

<script>

$( function() {

var availableTags = [

"ActionScript",

"AppleScript",

"Asp",

"BASIC",

"C",

"C++",

"Clojure",

"COBOL",

"ColdFusion",

"Erlang",

"Fortran",

"Groovy",

"Haskell",

"Java",

"JavaScript",

"Lisp",

"Perl",

"PHP",

"Python",

"Ruby",

"Scala",

"Scheme"

];

$( "#tags" ).autocomplete({

source: availableTags

});

} );

</script>

</head>

<body>

<div class="ui-widget">

<label for="tags">Tags: </label>

<input id="tags">

</div>

</body>

</html>

OUTPUT: