Problemy z aktualizacją źródła danych Bootstrap za pomocą odpowiedzi po wpisie

Question

Przy użyciu wtyczki javascript typu Bootstrap, próbuję zmienić atrybut źródła danych za pomocą metody $ .post jQuery. Początkowo mam:

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

Następnie, powiedzmy kliknięciu przycisku i próbuje zaktualizować dane source:

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

Wynik resp XHR zwraca tablicę tak:

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

Zauważyłem, że nie jest to niezawodna aktualizacja źródła danych z nową tablicą skonstruowaną w odpowiedzi.

Czy ktoś wie, jaki może być problem?

To zdjęcie nie wyświetla uchwyconej wartości. Czy ktoś wie, jak uzyskać wybraną wartość za pomocą polecenia typeahead z Bootstrap?

Answer 1

W końcu zorientowałem się, jak to zrobić. Jest to outlined on github here.

Uzyskaj dostęp do atrybutu danych wejściowych dla wejścia i zmodyfikuj bezpośrednio tablicę źródłową. E.g:

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

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