无法使用后置响应更新Bootstrap的预先输入数据源

时间:2012-02-28 05:55:20

标签: jquery twitter-bootstrap typeahead

使用Bootstrap的typeahead javascript插件,我试图通过jQuery的$ .post方法更改数据源属性。最初,我有:

<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);
     });
  });

resp XHR结果返回如下数组:

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

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

有谁知道问题可能是什么?

这似乎不会捕获所选值。有没有人知道如何使用带引导程序的typeahead获取所选值?

1 个答案:

答案 0 :(得分:31)

我最终想出了如何做到这一点。它是outlined on github here

访问预先输入的数据属性并直接修改源数组。 E.g:

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

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