2013-10-08 28 views
10

Vui lòng xem ví dụ sau fiddle:chọn js tự động hoàn tất không hoạt động

Mặc dù tôi có thể chọn tùy chọn từ menu thả xuống, nhập không tự động điền. Tôi hy vọng rằng khi bạn nhập B hoặc A, bạn sẽ nhận được đề nghị cho chuối, táo. Chỉ khi các mục của tôi trong danh sách không phải là mặt hàng hiện tại, nó sẽ yêu cầu tôi thêm nó ...

var data = ["banana", "apple", "orange"]; var items = data.map (hàm (x) {return {item: x};});

$('#input-tags').selectize({ 
    delimiter: ',', 
    persist: false, 
    maxItems: 1, 
    create:true, 
    options: items, 
    labelField: "item", 
    valueField: "item" 
}); 

Bất kỳ ý tưởng nào?

Note cùng một kịch bản dường như được làm việc với các giá trị được xác định trước: Fiddle

Trả lời

15

Bạn cần phải thêm một

searchField: "item" 

đến việc khai selectize

đây là fiddle cố định: http://jsfiddle.net/wh6Nx/

để thêm các mặt hàng bạn cần

create: function(input) { 
    return { 
     value: input, 
     text: input 
    } 
} 

fiddle với cả hai: http://jsfiddle.net/2ZrEu/

+0

tài liệu hơn nữa có thể được tìm thấy ở đây: https://github.com/selectize/selectize.js/blob/master/docs/usage.md#data_searching – Onosa

Các vấn đề liên quan