jQuery Autocomplete 插件根据用户输入值进行搜索和过滤,让用户快速找到并从预设置值列表中选择。通过给自动完成字段重点或者在其中输入字符,插件开始搜索匹配的条目并显示提供选择的值的列表。通过输入更多的字符,用户
实例演示
jQuery Autocomplete 插件演示。
<span style="color:#333333"><!doctype html>
<html lang="zh-cn">
<头>
<元字符集="utf-8">
<title>jQuery UI 自动完成 - 默认功能</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">
<脚本>
$(函数() {
var 可用标签 = [
"动作脚本",
"苹果脚本",
“阿斯”,
“基本的”,
“C”,
"C++",
“克罗贾尔”,
“COBOL”,
"冷聚变",
“二郎”,
“语言”,
“绝妙”,
“哈斯克尔”,
"爪哇",
"JavaScript",
“口齿不清”,
“珀尔”,
"PHP",
“Python”,
“红宝石”,
“斯卡拉”,
“方案”
];
$( "#tags" ).autocomplete({
来源:availableTags
});
});
</脚本>
</头>
<正文>
<div class="ui-widget">
<label for="tags">标签:</label>
<input id="标签">
</div>
</body>
</html></span>
可以通过过滤列表以获得更好的匹配。