除字段字段以外的搜索字段

Question

我有一个jquery自动填充小部件，它使用自定义数据显示项目。

他们都有一个value和description。
目前value插入文本框，单击某个项目时，与项目的value是什么是搜索

我想什么做的是有过滤器同时使用的value和description过滤时的物品显示，但只保留插入的value。

我该如何做到这一点？

Answer 1

如果你给autocompleter对象与value和label（而不是description）性质的阵列，它会做过滤你，但仅在label（不是value）。

如果您为source option指定函数，则需要自己进行筛选。您会收到一个request参数（一个带有term属性的对象）和一个response参数（一个用结果回调的函数）。然后，您可以使用任何您喜欢的搜索方式自行返回相关结果（例如，您可以在代码中同时搜索value和description）。

例如，松散：

$("some selector").autocomplete({ 
    // ...other options... 
    source: function(request, response) { 
     var matches = []; 
     /* ...search for matches in your data using `request.term`, 
      add them to `matches`... 
     */ 
     response(matches); 
    } 
}); 

返回数组可以是只是字符串，或者它可以与value和label性质是对象。将显示label，选中时将使用value。

因此，例如，这里有一个使用的机场，在那里，当你键入它检查两个value（机场代码）的（短）列表和description（机场名）：Live copy | source

jQuery(function($) { 
    var data = [ 
    {value: "ORD", description: "Chicago O'Hare"}, 
    {value: "LHR", description: "London Heathrow"}, 
    {value: "SFO", description: "San Francisco International"} 
    ]; 

    $("#theInput").autocomplete({ 
    source: function(request, response) { 
     var capterm = request.term.toUpperCase(); 
     var matches = $.map(data, function(entry) { 
     if (entry.value.toUpperCase().indexOf(capterm) !== -1 || 
      entry.description.toUpperCase().indexOf(capterm) !== -1) { 
      return { 
      value: entry.value, 
      label: entry.value + " - " + entry.description 
      }; 
     } 
     }); 
     response(matches); 
    } 
    }); 
}); 

所以，键入“或”或“时尚”将告诉你“ORD - 芝加哥奥黑尔”，并选择它会把“ORD”领域。键入“san”或“sfo”会向您显示“SFO - 旧金山国际”并选择它将在该字段中添加“SFO”。