音乐

  1. Fields Of Gold - Sting
  2. Beautiful Girl - INXS
  3. Take Me To Church - Hozier
  4. Stephanie Says - Lady & Bird
  5. All of Me - John Legend
  6. 一丝不挂 - 陈奕迅
PHPTalk2.0 新版全新上线,欢迎体验

jQuery Autocomplete(Ajax实时显示搜索结果插件)使用说明


jQuery.Autocomplete 是jquery的流行插件,能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能,支持ajax数据加载。

》官方网站传送门

加载文件

去官网下载核心包引入

<link rel="Stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script src="/js/jquery.autocomplete.min.js"></script>

使用说明

最简单的Autocomplete(自动完成)代码

<script type="text/javascript">
var websites = [
    "Google","NetEase", "Sohu", "Sina", "Sogou", "Baidu", "Tencent",
    "Taobao", "Tom", "Yahoo", "JavaEye", "Csdn", "Alipay"
];
$().ready(function() {
    $("#website").autocomplete(websites);
});
</script>
<p>
<label>Web Site:</label>
<input type="text" id="website" />
<input type="button" id="getvalue" value="Get Value" />
</p>
<div id="content"></div>

这里简单介绍下使用说明,关于该插件更多功能自行百度。

该插件只适合在普通文本框中搜索数据,最近项目中需要类似的功能就是需要在下拉菜单中搜索数据,选中的文本和val不是同一个值,我是用的另一个插件select2,该插件基本能涵盖所有的关于选择框的需求。

》Select2传送门

另外补充一个和select2类似的插件Chosen》Chosen文档