使用Bootstrap的头像 JavaScript插件,我试图通过jQuery的$.post方法来更改data-source属性.最初,我有：

<input type="text" data-provide="typeahead" data-source="["Option 1","Option 2","Option 3"]">

然后,让我们点击一​​个按钮,并尝试更新数据源：

$('button').on('click',function(){
     $.post('update.PHP',function(resp){
          $('input').attr('data-source',resp);
     });
  });

相应的XHR结果返回一个如下的数组：

["One Option","Two Option","Three Option"]

我发现这不能使用在响应中构造的新数组可靠地更新数据源.

有人知道问题可能是什么吗？

这不会捕获所选的值.有没有人知道如何使用引导带引导来获取所选值？

var autocomplete = $('input').typeahead();

//where newSource is your own array
autocomplete.data('typeahead').source = newSource;