jQuery自动完成(devbridge)lookupFilter可搜索多个属性

拉文德·辛格

我有下面的代码-

$(function() {

var fruits = [
   { value: 'Apple',id: '123',  data: 'Apple' },
   { value: 'Pear', id: '543',   data: 'Pear' },
   { value: 'Carrot', id: '123', data: 'Carrot' },
   { value: 'Cherry', id: '234', data: 'Cherry' },
   { value: 'Banana', id: '543', data: 'Banana' },
   { value: 'Radish', id: '3423', data: 'Radish' }
];

  $("#autocomplete").autocomplete({
        lookup: fruits,
        onSelect: function (suggestion) {
          alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
        },
  });
});

我想同时基于“值”和“ id”进行搜索。有lookupFilter函数,但我不知道如何使用它。这里是原始脚本- https://www.devbridge.com/sourcery/components/jquery-autocomplete/这里是东西similer问题- jQuery的自动完成(devbridge)从开始搜索
请帮助!

维杰

您可以尝试以下代码:

$(function() {

var fruits = [
   { value: 'Apple',id: '123',  data: 'Apple' },
   { value: 'Pear', id: '543',   data: 'Pear' },
   { value: 'Carrot', id: '123', data: 'Carrot' },
   { value: 'Cherry', id: '234', data: 'Cherry' },
   { value: 'Banana', id: '543', data: 'Banana' },
   { value: 'Radish', id: '3423', data: 'Radish' }
];

  $("#autocomplete").autocomplete({
        lookup: fruits,
        onSelect: function (suggestion) {
          alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
        },
        lookupFilter: function (suggestion, query, queryLowerCase) {
            return suggestion.value.toLowerCase().indexOf(queryLowerCase) < -1 || suggestion.id.toLowerCase().indexOf(queryLowerCase) < -1; //checking with both id as well as value
        }
  });
});

注意:我无法测试此代码,但我认为它应该对您有用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

jQuery-DevBridge自动完成-更改建议格式

jQuery自动完成搜索不对多个键值对进行排序

多个自动完成搜索字段

jquery 自动完成搜索输入

jQuery的自动完成与多个来源

自动完成primeNG。显示多个属性

jQuery UI自动完成多个“响应”方法

如何实现jQuery自动完成多个值

传递嵌套属性时,jQuery自动完成

在Elasticsearch中跨多个索引的自动完成和模糊搜索

如何禁用javascript搜索自动完成的多个请求?

自动完成功能可按属性搜索json对象

在 Jquery 自动完成建议中显示额外的属性,例如在搜索过程中显示名字和姓氏

搜索自动完成android

jQuery自动完成transformResult自动对焦属性不起作用

jQuery mobile自动完成功能,在搜索时显示消息

使用jquery-ui自动完成搜索-不起作用

jQuery UI自动完成搜索结果不显示

使用Ajax请求作为源数据的Jquery自动完成搜索

将排序或搜索设置添加到JQuery自动完成?

jQuery自动完成搜索并以编程方式选择

搜索框中的Ajax / jQuery自动完成功能(Shopify)

如何向Jquery自动完成功能添加搜索按钮

Jquery自定义自动完成按类别或标签搜索

searchkick-具有多个属性的自动完成

带有可拖动结果的jQuery自动完成

随页面滚动的文本建议:devbridge.com“自动完成文本框”问题

jQuery自动完成功能,传递字段自动完成功能的数据属性位于

jQuery UI自动完成多个远程(JSON,PHP,JS)