使用Typeahead.js和JSON键值更新隐藏的输入字段

时间:2015-09-13 18:15:13

标签: javascript jquery json typeahead.js

我在页面上有一个工作的typeahead元素,它从远程url获取数据,该URL返回一个JSON字符串,例如[{"id":"1","name":"Ben"},{"id":"2","name":"Josh"}]

我希望使用相应的ID号更新隐藏字段。我目前的先行设置如下

$('.typeahead').typeahead({
name: 'typeahead',
remote: {
  url: 'backend/clients.php?query=%QUERY',
  filter: function(data) {
    var resultList = data.map(function(item) {
      return item.name;
    });
    return resultList;
  }
}
});

1 个答案:

答案 0 :(得分:3)

您可以绑定自定义事件 EXAMPLE 的处理程序,该事件在选择建议时触发。将使用2个参数调用事件处理程序:jQuery事件对象和所选的建议对象。根据所选值更新隐藏字段。

Z3

参考:typeahead:select