2012-05-01 28 views
5

Tôi đang sử dụng phần mở rộng typeahead js từ twitter bootstrap cho một trường tự động hoàn tất. Tôi có một vấn đề tinh tế với điều đó. Tôi có một trường văn bản như:Twitter Bootstrap typeahead trường văn bản tên attrib messes với autocomplete

<%= text_field_tag :search, params[:search], :data => { :provide => 'typeahead', :source => ...} %> 

Vấn đề là tôi phải chỉ định tên = 'tìm kiếm' (với: tìm kiếm), để có thể lấy giá trị tìm kiếm nhập văn bản. Tuy nhiên, nếu tôi làm như vậy, trình duyệt sẽ tự động tạo lịch sử tự động hoàn thành của các mục tôi đã thử trong trường văn bản của mình.

Nếu tôi xóa: tìm kiếm và thay thế bằng '', trình duyệt không thể 'lưu' lịch sử, vì không có thuộc tính tên trên trường văn bản. Tuy nhiên, theo cách này, tôi không thể tự mình nhận được giá trị đầu vào.

Tôi làm cách nào để khắc phục sự cố này?

Trả lời

7

Khi tôi sử dụng autocomplete từ jquery-ui, nó đặt thuộc tính autocomplete = "off" trong thẻ đầu vào, vì vậy bạn có thể thử bao gồm tùy chọn: autocomplete => "off". Trường không hiển thị bất kỳ đầu vào nào từ lịch sử, chỉ là những gì được truyền vào để tự động hoàn thành.

Nếu điều đó không hiệu quả, chỉ cần thử tự động hoàn thành jquery-ui. Nó chắc chắn hoạt động.

+0

Có, đã hoạt động! Tuyệt vời :) – Spyros

+0

nó đã hoạt động! cảm ơn –

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