使用带有typeahead.js的多个数据集时,更改输入字段的名称属性

时间:2018-04-27 14:02:25

标签: jquery html forms typeahead.js

我正在使用带有多个数据集的typeahead.js,如here所述。我没有使用Bloodhound,所以我的代码看起来有点不同,如下所示

$('#search .typeahead').typeahead({
  hint: true,
  highlight: true,
  minLength: 1
},
{
  name: 'football_team',
  source: substringMatcher(football_teams),
  templates: {
    header: '<h3>Football teams</h3>'
  }
},
,{
  name: 'basketball_team',
  source: substringMatcher(basketball_teams),
  templates: {
    header: '<h3>Basketball teams</h3>'
  }
});

由于它正在使用数据集football_teamsbasketball_teams,我想根据使用的数据集发送不同的GET请求。例如,如果我搜索“阿森纳”,请选择它并单击输入它应该发送以下请求?football_team=Arsenal

如何根据使用的数据集设置输入字段的name属性?

我认为应该很容易实现,但谷歌搜索了一段时间后我找不到任何东西......

1 个答案:

答案 0 :(得分:0)

使用cdn-ref尝试使用typeahead:select custom-event处理程序来处理所选选项

用法参考:sample-code(internal proj)