Twitter bootstrap模糊查询插件

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

 54111  434  查看评论 (58)
分享到微信朋友圈
X
Twitter bootstrap模糊查询插件 ie兼容6

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

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


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


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

jQuery实现仿搜索引擎文本框自动补全插件

jQuery实现仿搜索引擎文本框自动补全插件
  自动完成
 37080  400

jquery输入框邮箱下拉智能提示

jquery输入框邮箱下拉智能提示
  自动完成
 35691  394

jQuery自动补全插件jQuery.AutoComplete

输入文字,自动联想库中的内容,自动补全,关键字高亮
  自动完成
 37207  312

jquery聊天机器人

是一个会聊天的机器人还可以发表情哦
  自动完成
 50421  411

讨论这个项目(58)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    sdfsdfff 0
    2019/5/18 16:23:35
    source: function(query, process) {
            return $.ajax({
                url: primaryMaterialColor,
                type: 'get',
                data: {
                    mCode: mCode,
                    colorNumber: query
                },
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                timeout: 50000,
                headers: {
                    'Authorization': token
                },
                success: function(data) {
                    var array = [];
                    for (var i = 0; i < data.length; i++) {
                        array.push({
                            id: data[i].colorNumber,
                            name: data[i].colorZone
                        });
                    }
                    // 可点击 todo
                    constructCostSaveButton.attr('disabled', false);
                    console.log(array);
                    return process(array);
                }
            });
        },
        updater: function(item) {
            findMatePrice(item.id, materialCode.val());
            return item.id;
        }
    });

    展示不出来列表

    回复
    在地球上旅行的独角兽 ζ 0
    2018/12/12 10:26:30
    我想点击搜索查询怎么查询? 回复
    得之吾幸 ????? 0
    2018/12/10 16:56:40
    200万数据卡死。。。有解决办法没?
        叶子戏-AVER0
        2019/5/30 14:42:50
        自己分页下
    回复
    王笑笑 0
    2018/9/11 16:52:56
    为啥我只能查出八行的假数据????其他的呢???在哪里设置文本超出部分隐藏以及滚动条????? 回复
    OnlyOne 0
    2018/8/29 17:50:38
    你好,麻烦问下我怎么在 displayResult函数中获得他的ID值,?
        OnlyOne0
        2018/8/29 17:53:51
        我指的是其他的属性值
    回复
    295792228 0
    2018/7/18 10:37:03
    有bug
        2957922280
        2018/7/18 10:37:42
        Uncaught TypeError: Cannot read property 'hasOwnProperty' of undefined
    回复
    jkfdlsjafie 0
    2018/5/29 15:13:50
    $('#demo1').typeahead({
           source: [
               { id: 1, name: 'Toronto' },
               { id: 2, name: 'Montreal' },
               { id: 3, name: 'New York' },
               { id: 4, name: '蛋蛋' },
               { id: 5, name: '忧伤' },
               { id: 6, name: '你好' },
               { id: 7, name: '你好2' },
               { id: 8, name: '张三分' },
               { id: 9, name: 'Seattle' },
               { id: 10, name: 'Los Angeles' }
           ]
       });

    除了你好,搜其他的汉字没效果。。。。

        唐新明0
        2022/4/28 14:53:20
        我的也是,啥情况
        唐新明0
        2022/4/28 14:56:04
        改js就好,哈哈
    回复
    林立龙-青岛万嘉集运 0
    2018/3/28 15:24:14
    怎么获取焦点?就是鼠标放上去的时候,出来模糊查询的选项。 回复
    红尘如梦 0
    2018/1/22 15:55:18

    这里报错,不知道原因,能看下么

        红尘如梦0
        2018/1/22 15:57:17
        $('#paymentClient').typeahead({
            source: function(query, process) {
                return $.ajax({
                    url: DeliveryOrder.URL_v_searchCustomer,
                    type: 'post',
                    data: {
                        name: query
                    },
                    success: function(result) {
                        return process(result);
                    }
                });
            }
        })
        红尘如梦0
        2018/1/22 15:57:53
        Uncaught TypeError: Cannot read property 'hasOwnProperty' of undefined

        前端报这个错

        Ai檬吧0
        2018/3/5 12:12:46
        请问你这个解决了吗  我也报这个错误
        LINGJINGz0
        2018/9/20 9:04:50
        我也报这个错误…
    回复
    suddenly. 0
    2017/12/20 16:36:36

    minlength这个属性怎么没有啊?

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复