Problema al actualizar la fuente de datos de cabecera tipográfica de Bootstrap con respuesta posterior

Question

Al utilizar el plugin javascript de cabecera de Bootstrap, estoy intentando cambiar el atributo de fuente de datos a través del método $ .post de jQuery. Inicialmente, tengo:

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

Entonces, digamos que se hace clic en un botón y se intenta actualizar los datos de código:

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

El resultado resp XHR devuelve una matriz de esta manera:

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

Estoy descubriendo que esto no actualiza confiablemente la fuente de datos con una nueva matriz que se construyó en la respuesta.

¿Alguien sabe cuál podría ser el problema?

Esto no parece capturar el valor seleccionado. ¿Alguien sabe cómo obtener el valor seleccionado usando typeahead con Bootstrap?

Answer 1

Finalmente descubrí cómo hacer esto. Es outlined on github here.

Acceda al atributo de datos de la entrada typeahead y modifique directamente la matriz fuente. E.g:

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

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