jquery - remote - Problemas para actualizar la fuente de datos anticipada de Bootstrap con respuesta posterior

typeahead remote

Question

Utilizando el plugin javascript de escritura anticipada 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 e intenta actualizar la fuente de datos:

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

El resultado resp XHR devuelve una matriz como esta:

  ["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

Eventualmente descubrí cómo hacer esto. Se describe en github aquí .

Acceda al atributo de datos de la entrada typeahead y modifique directamente la matriz fuente. P.ej:

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

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