jQuery Autolengkap
jQuery Autolengkap
JQuery Autolengkap carian dan penapis 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 kendiri tidak akan dikemas kini lagi. Versi semasa ialah 1.6.
Lawati tapak web rasmi jQuery Autocomplete dan muat turun pemalam jQuery Autocomplete.
Untuk butiran lanjut tentang Autolengkap, sila lihat dokumentasi API Widget Autolengkap.
Contoh tunjuk cara
jQuery Autolengkap tunjuk cara pemalam.
Instance
<!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>Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
