jQuery Autolengkap
Autolengkap jQuery
carian dan penapis pemalam Autolengkap jQuery berdasarkan nilai input pengguna, membolehkan pengguna mencari dan memilih dengan cepat daripada senarai nilai pratetap. Dengan memberikan fokus pada medan Autolengkap atau memasukkan aksara ke dalamnya, pemalam mula mencari entri yang sepadan dan memaparkan senarai nilai untuk dipilih. Dengan memasukkan lebih banyak aksara, pengguna boleh menapis senarai untuk padanan yang lebih baik.
Pemalam ini kini merupakan sebahagian daripada UI jQuery, dan versi bebas tidak akan dikemas kini lagi. Versi semasa ialah 1.6.
Lawati tapak web rasmi jQuery Autocomplete dan muat turun pemalam jQuery Autocomplete.
Contoh tunjuk cara
jQuery Autolengkap tunjuk cara pemalam.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<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>Jalankan kod dan cuba
