例如：当输入C时，会出现C++，coldfusion和javascript的可选项
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>autocomplete demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>
<body>
<label for="autocomplete">Select a programming language: </label>
<input id="autocomplete">
<script>
$( "#autocomplete" ).autocomplete({
source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});
</script>
</body>
</html>
2.下拉框中出现的是以当前输入字母打头的元素
例如：当输入C时，会出现C++，coldfusion的可选项
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>autocomplete demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>
<body>
<label for="autocomplete">Select a programming language: </label>
<input id="autocomplete">
<script>
var tags = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ];
$( "#autocomplete" ).autocomplete({
source: function( request, response ) {
var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
response( $.grep( tags, function( item ){
return matcher.test( item );
}) );
}
});
</script>
</body>
</html>
RegExp对象：第一个参数是一个字符串，指定了正则表达式的模式或其他正则表达式。第二个参数的i表示“执行对大小写
不敏感的匹配。”，也可为
g - 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m - 执行多行匹配。
$.ui.autocomplete.escapeRegex：该函数会处理一个String，会对该String进行正则表达式的转义，
使之对于RegExp 来说是安全的。
相关推荐
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 编辑本段组件构成 jQuery UI ...
最近在一个ASP.NET MVC5项目中使用Bootstrap的模态窗(弹出层)来让用户填写内容，其中的一个编辑框提供了自动完成功能，用jQuery UI Autocomplete来实现。 因为我是WEB前端小白，遇到一个问题很久也没解决掉，所以特...
本文实例讲述了jquery UI实现autocomplete在获取焦点时得到显示列表功能。分享给大家供大家参考，具体如下： 在做项目的时候，客户有这样的需求，将以前输入过...经过发现，jquery ui autocomplete 用如下方法可以实现
必做要使用jQuery1.6+ 及以上 jQuery UI组件构成 jQuery UI 主要分为3个部分：交互、微件和效果库。 交互（Interactions） 交互部件是一些与鼠标交互相关的内容，包括缩放（Resizable） , 拖动（Draggable） , ...
这还将为您提供有关jQuery AutoComplete UI，CSS和select事件的详细信息。 在本示例中，您将创建一个将连接到Northwind数据库的ASP.NET Web窗体应用程序。 如果您没有Northwind数据库，则可以从下载。 ...
在Rails 4中使用jQuery自动完成的一种简单方法。 同时支持ActiveRecord， 和 。 与和 在你开始之前 在继续之前，请确保您的项目正在使用jQuery-UI和自动完成小部件。 您可以在此处找到有关此信息的更多信息： 我...
自动补全（autocomplete），是一个可以减少用户输入完整信息的UI 工具。一般在 输入邮箱、搜索关键字等，然后提取出相应完整字符串供用户选择。...悬停时背景的样式，可以直接通过jquery.ui.css 里面找相应的CSS
Rails的jQuery的自动完成 一种将Rails的jQuery自动完成功能使用的简单方法。 同时支持ActiveRecord， 和 。 与和活动记录您可以在找到有关如何在ActiveRecord中使用此gem的。MongoID 您可以在找到有关如何将此...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用，以及各种常用的jQuery插件的使用方法和技巧，所有这些知识点都配有完整的示例（包括...
使用jQuery UI插件以拖动方式管理相册 第9章 使用browser对象获取浏览器信息 使用boxModel对象检测是否是W3C盒子模型 使用$.each()工具函数遍历数组 使用$.each()工具函数遍历ajaxSettings对象 使用$.grep()...
8.4 综合案例分析—使用jquery ui插件以拖动方式管理相册 8.4.1 需求分析 8.4.2 效果界面 8.4.3 功能实现 8.4.4 代码分析 8.5 本章小结 第9章 jquery实用工具函数 9.1 什么是工具函数 9.2 工具函数...
关于jQuery-ui-1.8中的自动完成控件，其匹配方式是使用正则表达式进行匹配的。
使用 jQueryUI ( BETA ) 的 Roundcube webmail 自动完成插件 安装 ： 在圆形立方体安装的插件文件夹中下载插件。 将“自动完成”（如果尚未定义，则为 +“jqueryui”）添加到 cfg 文件中的 $config['plugins']。 ...
jquery-ui-autocomplete 是一个很棒的插件，非常适合小项目列表，尤其是在项目不相似的情况下。 不幸的是，由于它的运作方式，很难扩大它可以处理的项目数量。 每个按键都有可能为列表中的每个项目创建一个 DOM ...
这就是贴代码的坏处之一：搜索框快被网友玩儿坏了！！！...而且好像还在玩儿，随他们去吧，只要开心就好。 在项目中，经常会用到输入框的自动补全功能，就像百度、淘宝等搜索框一样...jQueryUI-Autocomplete 自动补全插
ExtAspNet是一组专业的Asp.net控件库，拥有原生的AJAX支持和丰富的UI效果， 目标是创建没有ViewState，没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox...
ExtAspNet是一组专业的Asp.net控件库，拥有原生的AJAX支持和丰富的UI效果， 目标是创建没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome ...