Plugin jQuery Chosen không có trường tìm kiếm

Question

Không chắc chắn nếu điều này đã được bảo hiểm ở đâu đó, nhưng tôi không thể tìm thấy nó trong tài liệu, và đã tự hỏi nếu nó có thể không bao gồm hộp nhập tìm kiếm với plugin được chọn jQuery (được sử dụng để chọn kiểu đầu vào). Cụ thể tôi muốn sử dụng tiêu chuẩn lựa chọn mà không có nó. ('Chzn tìm kiếm').

http://harvesthq.github.com/chosen/

Answer 1

Vâng, tôi cố gắng với các tài liệu như tốt và không may mắn, nên cuối cùng tôi cố định này

$ hide();

Tôi làm như trên sau khi tôi đã gọi. Hope this helps

Answer 2

$(".chzn-select").chosen({disable_search_threshold: 3}); 

Nếu số yếu tố của chọn nhỏ hơn disable_search_threshold (ở đây 2 và ít hơn), hộp tìm kiếm sẽ không hiển thị.

Answer 3

Tôi thêm lớp vào biểu định kiểu của mình.

.chzn-select { display: none } 

Cách khác, cho từng phần tử, tôi chỉ định phần tử và nối thêm _chzn để nhắm mục tiêu.

#element_chzn .chzn-select { display: none; } 

Lưu ý rằng: chọn sẽ chuyển đổi dấu gạch nối trong id yếu tố của bạn và các lớp học để dấu gạch dưới, vì vậy để nhắm mục tiêu element-id bạn cần.

#element_id_chzn .chzn-select { display: none; } 

Answer 4

Chỉ cần một cách nhanh chóng theo dõi: Tôi nhận thấy rằng trong chức năng

AbstractChosen.prototype.set_default_values 

một biến được đọc từ

this.options.disable_search 

Vì vậy, bạn có thể vô hiệu hóa việc tìm kiếm trường với

jQuery('select').chosen({disable_search: true}); 

mà không cần sử dụng số cố định eshold.

Answer 5

Sử dụng mã này để vô hiệu hóa nó:

jQuery('select').chosen({disable_search: true}); 

và đừng quên để che giấu nó, nếu không nó sẽ vẫn được làm việc trên điện thoại di động!

.chzn-search{display: none} 

Answer 6

Với phiên bản mới nhất của chỉ chọn làm việc cho tôi:

$('ul.chosen-choices li.search-field').hide(); 

Answer 7

Tùy chọn disable_search_threshold ẩn hộp tìm kiếm cho Dropdowns chọn duy nhất. Số được truyền trong chỉ định số lượng mục bạn muốn cho phép trước khi hiển thị hộp tìm kiếm. Nếu bạn không muốn hộp tìm kiếm, chỉ cần đặt nó thành số cao hơn số lượng mục mà nó sẽ chứa.

$('#myDropDown').chosen({ disable_search_threshold: 10 }); 

Answer 8

Tôi đã sử dụng jQuery ('chọn').đã chọn ({disable_search: true}); nhưng trên chrome profiler, phương thức search_field_scale được gọi là anyway và ăn rất nhiều hiệu suất.

Vì vậy, tôi xóa phương thức và tất cả các cuộc gọi đến anh ta và thay thế bằng this.search_field.css ({'width': '100%'}) trên show_search_field_default và thay style = 25px bằng kiểu: 100% và hơn this.search_field.css ({'width': '23px'}); result_select vì "trình giữ chỗ dữ liệu"

làm việc tốt cho tôi.

Answer 9

disable_search:true, 

Here is the document for chosen jquery plugin

Answer 10

Kể từ khi không ai trong số các lựa chọn-cài đặt cho che giấu việc tìm kiếm trường cho nhiều Selects dường như được làm việc, tôi bị hack các chosen.jquery.js trong dòng 577 để:

<li class="search-field"><span class="placeholder">' + this.default_text + '</span></li> 

(Span thay vì trường nhập). Cần phải nhận xét ra dòng này, quá

this.search_field[0].disabled = false; 

Làm việc tốt cho tôi - mặc dù đây không phải là cách tốt nhất để hack mã.

Answer 11

$('select').chosen({disable_search: true}); 

Answer 12

Phiên bản mới hơn của jquery được chọn cung cấp cho bạn tùy chọn tắt đầu vào tìm kiếm có trong menu thả xuống.

$(".chzn-select").chosen({ 
    disable_search: true 
}); 

Phiên bản cũ không hỗ trợ tùy chọn này. Một số như thế nào nếu bạn đang nghiêm túc không được phép sử dụng phiên bản mới hơn, bạn có thể sử dụng

$(".chzn-select").chosen({ 
    disable_search_threshold: 5 
}); 

nó sẽ ẩn hộp tìm kiếm nếu kết quả là ít hơn 5, tốt nhất để sử dụng với loại giới tính thả xuống. Có một cách khác để sửa lỗi này và đó là;

$(".chzn-select").chosen(); 
$(".chzn-select").hide(); 

Gọi ẩn ngay sau khi khởi tạo, không biết tại sao thủ thuật này hoạt động nhưng đang thực hiện những gì bạn muốn!

Tôi khuyên bạn nên sử dụng phiên bản mới nhất để bạn có quyền truy cập vào các tùy chọn mới nhất.

Hy vọng nó phù hợp với bạn!