Twitter bootstrap模糊查询插件

所属分类:输入,UI-自动完成,筛选及排序

 16335  116  查看评论 (33)
Twitter bootstrap模糊查询插件 ie兼容6

更新时间:2017-5-30 13:02:39 

更新说明:<head>中加入了<meta charset="utf-8">避免部分用户出现中文无法查询问题。


弹窗中需要设置dropdown的z-index css 属性


相关插件-自动完成,筛选及排序

淘宝数量增加

这个插件是可以不断增加数量的,还会有对应 的增加
  自动完成
 7777  78

仿淘宝选择商品计算价格

同一个商品有不同的版本,最后选择后计算出价格
  自动完成
 8785  119

生活单词计数插件Countable

Countable是一个JavaScript函数来获取文本内容中段落、词、字符和空格的数量。Countable zero-dependency库,大小只有1kb
  自动完成
 6436  10

jQuery多值输入插件 jQuery Manifest

Manifest是一个可以为多值输入增加更多惊喜的插件。Email地址中的多个收件人字段是一个非常好的例子,你可以只简单提供一般文本输入,要求用户使用分号手工分开每一个收件人。 但是移除收件人是一个费劲的事情,但是使用这个插件,你知道用户会非常高兴这种用户操作体验的。
  自动完成
 13145  24

讨论这个项目(33)回答他人问题或分享插件使用方法奖励jQ币

    www2171668 0
    2017/5/30 13:10:59
    网上一查,中文乱码的情况好像很不好弄,改了几个参数都不行。作者能不能修改一下? 回复
    www2171668 0
    2017/5/30 12:44:44

    用不了中文,中文有乱码,不论用

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    还是

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>

    都不行。是不是有需要设置的地方?

        西瓜0
        2017/5/30 13:10:35

        <head>后加上

        <meta charset="utf-8">

        就可以了。

        freeSun0
        2017/6/22 9:59:48
        下载下来的demo里就是这么写的    汉子不乱码  但是无法实现查询
    回复
    www2171668 0
    2017/5/30 12:20:57
    怎么中文查不出来啊 回复
    老顽童XC 0
    2017/3/23 15:25:28
    是需要更改哪的配置吗》中文搜索不出来 回复
    ruiwei 0
    2017/3/15 10:54:17

    引入bootstrap.css之后,原来自己写的样式就都没有效果了。。。不引入bootstrap.css的话,提示弹框就会出现在页面最底层而不是输入框的下方。。。求救。。

    回复
    吃虾不吐虾皮的乐乐 0
    2017/1/20 11:55:45
    我想在下拉列表上显示不止一个属性,比如姓名+id号码,例:张翠山--331081199411585458,这如何显示?
        rid1230
        2017/3/12 18:48:32

        你好,现在找到解决方法了吗?最近也要实现这样的,但不知道怎么实现?

        知道的人帮忙下。

        rid1231
        2017/3/13 10:53:45
        找到一个解决方式:在PHP处理(字符串拼接),不在typeahead处理。
    回复
    深渊追猎者 0
    2017/1/10 11:01:21

    没有搜索到数据,下面也有同样的信息框,不过里面的信息是'无搜索结果', 求版主代码啊 ,万分感谢

    回复
    小菜鸟的梦 0
    2017/1/9 16:01:19

    怎么想下拉框一样有个下拉箭头,显示所有的~

    回复
    lidi128 0
    2016/12/4 10:12:12
    弹窗中需要设置dropdown的z-index css 属性是怎么设置??
        动世人0
        2016/12/9 15:12:57

        你可以浏览器F12调一下,好像有个div的class是dropdown,  

        .dropdown{z-index:9999;}

        ,好像是这么写的,你多试几个数字试试

         1
        2017/2/23 15:59:41
        .dropdown-menu{z-index:9999;}

         我来拯救世界

    回复
    . 0
    2016/12/2 15:12:42
    版主,求个ajax的案例,完整的代码,或者留个联系方式吧
        动世人1
        2016/12/9 16:12:24
        $("#id").typeahead({
        	source: function(query, process) {
        		return $.ajax({
        			url: '/showoff/watermark/fetchTopics',
        			type: 'post',
        			data: {
        				topicName: query
        			},
        			dataType: 'json',
        			success: function(result) {
        				// 这里省略resultList的处理过程,处理后resultList是一个字符串列表,                       
        				// 经过process函数处理后成为能被typeahead支持的字符串数组,作为搜索的源                       
        				return process(resultList);
        			}
        		});
        	}
        });
    回复
取消回复