javascript - Bootstrap typeahead 为隐藏字段增加值(value)

Question

我在我的用户数据库上使用 typeahead，一切似乎都工作正常。但是，我正在执行的搜索是成员的姓氏。

我想要做的是一旦用户被点击，而不是使用他们在字段中输入的姓氏，我想让它把用户 ID 添加到字段中。

有什么办法可以做到这一点吗？

$('input.query').typeahead({
    name: 'query',
    value: 'lastName',
    remote: 'jsonUser.php?query=%QUERY',
    minLength: 3,
    template: ["<div class='typeahead_wrapper'>", 
                "<img class='typeahead_photo' src='http://localhost/iwebimage.axd?qid={{qid}}'/>", 
                "<div class='typeahead_labels'>", 
                "<div class='typeahead_primary'>{{firstName}} {{lastName}} <small>({{ntid}})</small></div>", 
                "<div class='typeahead_secondary'>{{department}}</div>", 
                "</div>", 
                "</div>", ].join(''),

    engine: Hogan,
    limit: 8,
    valueKey: 'lastName'
});

更新:

JSON 响应包含用户的 ID，只是不确定如何让插件使用另一个值而不是您正在搜索的值作为最终值。

Answer 1

这对他有用:

  $('input.query').on('typeahead:selected', function (e, datum) {   

     console.log(datum['empID']); 
  });

我还找到了Bootstrap Typeahead updater not working推荐相同

注意:twitter 正在弃用 bootstrap/typhead，建议您使用 https://github.com/twitter/typeahead.js使用 Bootstrap 3