Подтвердить что ты не робот

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

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

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

4b9b3361

Ответ 1

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

$( 'ЧЦЗ-поиска.) Скрыть();.

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

Ответ 2

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

AbstractChosen.prototype.set_default_values

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

this.options.disable_search

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

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

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

Ответ 3

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

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

Ответ 4

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

.chzn-select { display: none }

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

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

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

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

Ответ 5

Более новые версии выбранного jquery дают вам возможность отключить ввод поиска в раскрывающемся меню.

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

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

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

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

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

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

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

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

Ответ 6

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

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

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

.chzn-search{display: none}

Ответ 7

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

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

Ответ 8

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

Ответ 9

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

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

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

this.search_field[0].disabled = false;

Работаю отлично для меня - хотя это не самая лучшая практика для взлома кода.

Ответ 10

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

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

Ответ 11

Я использовал 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 из-за "заполнителя данных"

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