30

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

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

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

  • Error: User Rate Limit Exceeded

    от bob_cobb
  • Error: User Rate Limit Exceeded

    от
  • Error: User Rate Limit Exceededdisable_searchError: User Rate Limit Exceeded

    от
  • Error: User Rate Limit Exceeded

    от
  • Error: User Rate Limit Exceeded

    от
  • Error: User Rate Limit Exceeded

    от
  • Error: User Rate Limit Exceeded

    от
  • Error: User Rate Limit Exceeded

    от
  • Error: User Rate Limit Exceeded

    от
  • Хорошо, тогда я не знаю. Сожалею! Удачи.

    от matsr
  • Ответ Гуннарссона хорош:stackoverflow.com/a/13128429/1413049

    от Capy
  • @matsr только что попробовал .. к сожалению, это не сработало: \

    от bob_cobb
  • Просто выстрел в темноте: вы пытались установитьdata-filter=false?

    от matsr
12 ответов
  • 2

    Code:

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

  • 0

    disable_search:true,
    

    Вот документ для выбранного плагина jquery

  • 0

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

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

  • 5

    Я добавляю класс в мою таблицу стилей. .chzn-select { display: none }

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

    .chzn-select { display: none }
    

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

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

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

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

  • 2

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

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

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

    .chzn-search{display: none}
    

  • 2

    chosen({ disable_search_threshold: 10 });

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

    $('#myDropDown').

  • 62

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

    AbstractChosen.prototype.set_default_values
    

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

    this.options.disable_search
    

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

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

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

  • 0

    Я использовал jQuery («выбрать»). Selected ({disable_search: true})

    но на Chrome Profiler, метод search_field_scale был вызван в любом случае и съел много производительности.

    Поэтому я удаляю метод и все вызовы к нему и заменяю this.search_field.css ({"width": "100%" на show_search_field_default и заменяю style = 25px на style: 100% и тогда this.search_field.css ({"width": "23px"}); Аргумент result_select из-за «заполнителя данных»

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

  • 43

    Если номер элемента выбора меньше

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

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

  • 11

    Ну

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

    $('.chzn-search').hide();

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

  • 1

    Поскольку ни одна из выбранных настроек для скрытия поля поиска для не

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

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

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

    this.search_field[0].disabled = false;
    

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

  • 3

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

    ск в выпадающем списке.

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

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

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

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

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

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

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

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