Question

我有一个远程Typeahead示例启动并运行。但是，我想知道我是否将它用于预期目的。

基本上，即使它显示了适当的内容，我也需要提交所显示数据的唯一标识符。

远程URL将返回如下内容：

[{"id":"123456789", "email":"me@server.com", "value":"Me Lastname"}]

所以，显示Me Lastname，但实际提交123456789？

我的直觉告诉我，我需要别的东西，也许是这样的： Select2？

Answer 1

也许您可以使用typeahead的{{1}}做类似的事情：

.typeahead({
 ......
},
{
 .......
})
.on('typeahead:selected', onSelected);

请注意.on，它会触发像这样的自定义函数：

function onSelected($e, datum){
  //do your stuff depending on your implementation
  // you might want to fill an hidden field with the id
  // and submitting your form, or something else.
  // you can access your json in this way
  console.log(id); //="123456789
  console.log(email); //="me@server.com
  console.log(value); //="Me Lastname"

custom events你可以找到一些例子

Answer 2

我最终使用了以下jQuery / Bootstrap3库：Select2

正确使用Typeahead？

2 个答案: