Sự cố khi cập nhật nguồn dữ liệu typest của Bootstrap với phản hồi bài đăng

Question

Sử dụng plugin javascript của Bootstrap, tôi đang cố gắng thay đổi thuộc tính nguồn dữ liệu thông qua phương thức $ .post của jQuery. Ban đầu, tôi có:

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

Sau đó, chúng ta hãy nói một nút được nhấp và nó cố gắng cập nhật data-source:

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

Kết quả resp XHR trả về một mảng như thế này:

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

Tôi nhận thấy rằng điều này không đáng tin cậy cập nhật nguồn dữ liệu với một mảng mới được xây dựng trong phản hồi.

Có ai biết vấn đề có thể là gì không?

Điều này dường như không nắm bắt được giá trị đã chọn. Có ai biết làm thế nào để có được giá trị được lựa chọn bằng cách sử dụng typeahead với Bootstrap?

Answer 1

Cuối cùng tôi đã tìm ra cách để thực hiện việc này. Đó là outlined on github here.

Truy cập thuộc tính dữ liệu của đầu vào typeahead và sửa đổi trực tiếp mảng nguồn. Ví dụ:

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

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