您的位置:首页 > Web前端 > BootStrap

bootstrap+typeahead实现输入提示功能

2014-09-26 18:34 369 查看
  用到的是bootstrap插件的一个方法:typeahead,这个方法的一些属性网上可以找到,下面是显示ajax异步请求得到的数据,做个笔记,自己以后可以查看。

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 javascript