bootstrap+typeahead实现输入提示功能
2014-09-26 18:34
369 查看
用到的是bootstrap插件的一个方法:typeahead,这个方法的一些属性网上可以找到,下面是显示ajax异步请求得到的数据,做个笔记,自己以后可以查看。
2. function corpAll(obj){
3.HTML中有一个input框如下:
效果:当点击input框,输入一些内容,会出现类似百度中的下拉提示框。
1. 在js中,页面加载时,调用corpAll($("#resourceNo"));
2. function corpAll(obj){
var data=new Array();
$.post(Root+"/model/corp/findAllCorps.do",function(list){
if(list!=null&&list.length>0){
for(var i=0;i<list.length;i++){
data.push(list[i].corpName+"["+list[i].resourceNo+"]");
}
}
});
obj.typeahead({source: data});
}
3.HTML中有一个input框如下:
<input type="text" id="resourceNo"/>
效果:当点击input框,输入一些内容,会出现类似百度中的下拉提示框。
相关文章推荐
- bootstrap-typeahead.js 实现输入提示实例
- Xpages下实现输入智能提示(TypeAhead)功能
- Bootstrap3使用typeahead插件实现自动补全功能
- Bootstrap3使用typeahead插件实现自动补全功能
- bootstrap typeahead实现模糊查询功能
- 使用jquery 实现 仿google 的智能提示输入框功能
- Dhtml+正则实现类似IDE编辑器的动态提示输入功能
- jquery 实现邮箱输入自动提示功能
- Qt 控件 实现 QComboBox输入自动提示功能(仿Google搜索提示)
- ASP.NET实验五:实现输入内容提示的功能(仿google_百度输入框提示)
- <input type="text" value="">实现输入提示
- 【输入智能提示功能】PHP+jQuery实现自动补全功能
- 输入自动提示与补全功能的设计与实现
- 使用python代码实现三叉搜索树高效率”自动输入提示”功能
- jQuery+PHP+Mysql实现输入自动完成提示的功能
- Ajax实现搜索栏中输入时的自动提示功能
- 用jQuery + Ajax实现Google输入提示功能
- 实现搜索框输入时 提示相近词的功能
- 用trie树实现输入提示功能,输入php函数名,提示php函数
- 用jQuery的ajax的功能实现输入自动提示的功能