Устранение неполадок с источником данных Bootstrap typeahead с ответной записью

Используя плагин javascript Bootstrap typeahead, я пытаюсь изменить атрибут источника данных с помощью метода 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 с помощью Bootstrap?

Ответ 1