Как применить chosen к новому списку?

Question

[Александр Ковальчук]

У меня есть список с поиском который реализован с помощью chosen

<div class="col-md-3">
    <select list="team_list"
                    class="chosen-select form-control input-sm"
                    name="org_ig[]">
        <option value=""></option>
        <option value="1">1</option>
    </select>
</div>

и подключаю chosen вот так:

var config = {
            '.chosen-select': {width: '100%'},
            '.chosen-select-deselect': {allow_single_deselect: true},
            '.chosen-select-no-single': {disable_search_threshold: 10},
            '.chosen-select-no-results': {no_results_text: 'Oops, nothing found!'},
            '.chosen-select-width': {width: "100%"}
        };
        for (var selector in config) {
            $(selector).chosen(config[selector]);
        }

На этом моменте поиск в списке работает, а потом я добавляю такой же список с помощью js, и он у меня не превращается в список с поиском, как сделать так, чтобы chosen увидел его и добавил поиск?

Answer 1

[Юрий]

После добавления нового списка средствами js надо заново по элементам пройтись, т.е. вот это надо повторить

config = {
            '.chosen-select': {width: '100%'},
            '.chosen-select-deselect': {allow_single_deselect: true},
            '.chosen-select-no-single': {disable_search_threshold: 10},
            '.chosen-select-no-results': {no_results_text: 'Oops, nothing found!'},
            '.chosen-select-width': {width: "100%"}
        };
        for (var selector in config) {
            $(selector).chosen(config[selector]);
        }

Только var не нужен, т.к. мы переопределяем переменную config, а не объявляем новую

UPD:
Скорее всего можно даже просто по элементам пройтись повторно и все

for (var selector in config) {
            $(selector).chosen(config[selector]);
        }

Comments

[Александр Ковальчук]

Выдает ошибку Uncaught TypeError: $(...).chosen is not a function
строка на которой появляется ошибка:
(selector).chosen(config[selector]);

[Юрий]

Александр Ковальчук: надо код смотреть, я вам так не смогу помочь, проверьте, чтобы chosen был определен на момент его вызова в (selector).chosen(config[selector]);

[Александр Ковальчук]

Юрий Городилов: спасибо за помощь, буду смотреть в чем проблема, и напишу решение.

[Александр Ковальчук]

Юрий Городилов: Я начал искать ошибку и оказалось что после загрузки страницы эта функция принципиально не работает, заработало, когда я забросил ее прям в библиотеку и тогда произошло интересное у меня к каждому списку прилагался еще один поскольку в конфигурации указано класс. Поэтому я начал передавать по id и все стало ок.

[Александр Ковальчук]

Юрий Городилов: Неужели у вас работало то что вы мне посоветовали?