jQuery Выбранный плагин без поля поиска

Question

Не уверен, что это было где-то покрыто, но я не смог найти его в документации и задавался вопросом, можно ли включить поле ввода поиска с выбранным плагином jQuery (используется для входов выбора стиля). В частности, я бы хотел использовать стандартный выбор без него. ('ЧЦЗ-поиска').

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

Answer 1

Ну я попытался с документацией, а также и не повезло, так что я, наконец, фиксируется на этой

$ шкурку();

Я делаю вышеуказанное после того, как я позвонил. Надеюсь, что это помогает

Answer 2

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

Если число элементов избранных меньше disable_search_threshold (здесь 2 и менее), окно поиска не будет отображаться.

Answer 3

Я добавляю класс в свою таблицу стилей.

.chzn-select { display: none } 

В качестве альтернативы, для отдельных элементов, я указать элемент и добавить _chzn целевой его.

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

Обратите внимание, что: выбранных преобразуют переносы в ваших идентификаторах элементов и классах с подчеркиванием, поэтому целевой element-id вам нужно.

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

Answer 4

Только быстрое наблюдение: я заметил, что в функции

AbstractChosen.prototype.set_default_values 

переменная считывается из

this.options.disable_search 

Таким образом, вы можете отключить поиск-поле с

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

без использования фиксированного номера thr eshold.

Answer 5

Используйте этот код, чтобы отключить его:

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

и не забывайте, чтобы скрыть его, в противном случае он все равно будет работать на мобильном телефоне!

.chzn-search{display: none} 

Answer 6

С последней версией выбрана только, что работает для меня:

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

Answer 7

Опция disable_search_threshold скрывает окно поиска для отдельных избранных выпадающих. Пропущенный номер указывает, сколько элементов вы хотите разрешить, прежде чем показывать окно поиска. Если вам не нужен поисковый запрос, просто установите его на большее число, чем количество элементов, которые он когда-либо будет содержать.

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

Answer 8

Я использовал jQuery ('select').selected ({disable_search: true}); но на хром-профилировщике метод search_field_scale был вызван в любом случае и съел много производительности.

Поэтому я удаляю метод и все его вызовы и заменяю на this.search_field.css ({'width': '100%'}) на show_search_field_default и заменяет стиль = 25px стилем: 100% и чем this.search_field.css ({'width': '23px'}); result_select из-за «data-placeholder»

работает отлично для меня.

Answer 9

disable_search:true, 

Here is the document for chosen jquery plugin

Answer 10

Поскольку ни один из выбранных-настроек для скрытия поиска поля для нескольких выбирает казалось, не будет работать, я взломал chosen.jquery.js в строке 577 в:

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

(Span вместо поля ввода). Необходимо, чтобы закомментировать эту строку тоже

this.search_field[0].disabled = false; 

работает нормально для меня - даже если его не лучшая практика, чтобы взломать код.

Answer 11

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

Answer 12

Новые версии jquery selected позволяют вам отключить поиск в раскрывающемся меню.

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

Старые версии не поддерживают эту опцию. Некоторые, как, если вы строго не разрешается использовать более новую версию, чем вы можете использовать

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

скроет окно поиска, если результаты менее чем 5, лучше использовать с выпадающие пол типа. Есть еще один способ исправить это, и это так;

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

Call hide сразу после инициализации, не знаю, почему эти трюки работают, но он делает то, что вы хотите!

Предлагаю вам использовать последнюю версию, чтобы у вас был доступ к последним вариантам.

Надеюсь, это сработает для вас!