Как стилизовать динамический select?

Question

[Yastr]

Всем доброго дня.

Для стилизации select воспользовался jquery плагином "jQuery Form Styler" - ссылка
Со статическими списками работает хорошо, но появилась необходимости в подгрузке содержимого во второй select исходя из выбора в первом, и тут появилась проблема:
при выборе элемента из первого select, второй остается пустым. Перепробовал уже около 5 плагинов, везде один результат...
Демо:
Без стилизации - ссылка
Стилизованные - ссылка

Подскажите пожалуйста, как заставить плагин обрабатывать новые элементы. На странице описания указанно "Поддержка работы с динамически добавляемыми/изменяемыми элементами.", но как это реализовать не понимаю. Если знайте лучшее решение для оформления селекта (при условии отклика на новые элементы), прошу оставить ссылку.

Answer 1

[Александр Хиренко]

Вот Вам пример
jsfiddle.net/LsMEU

добавьте в success и все заработает

setTimeout(function() {  
      $('select').trigger('refresh');  
    }, 1)

Comments

[Yastr]

Спасибо большое! После загрузки, ахаха, ну да, тормоз)))

Answer 2

[akselei]

знаю хороший скрипт, не большой и довольно функциональный - Selectik Ссылка на гит
статья на хабре - тыц
Тоже столкнулся с такой проблемой, и он меня спас

Comments

[Yastr]

Насколько я понимаю, все что необходимо было сделать для обновления, это добавить $("select").data('selectik').refreshCS(); в скрипт? clck.ru/98gah - все так же как и в предыдущих плагинах, видимо я что то не правильно делаю.

Answer 3

[Александр Хиренко]

А это пробовали использовать после загрузки?

setTimeout(function() {  
      $('input, select').trigger('refresh');  
    }, 1)

Comments

[Yastr]

добавил
$(document).ready(function() {
setTimeout(function() {
$('input, select').trigger('refresh');
}, 1)
});
к сожалении, без изменений. - clck.ru/98gZp

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

[Александр Хиренко]

@Yastr не в ready, а в succes, когда загрузился ajax :)

Answer 4

[Владислав Копылов]

Можно еще так:

function reloadSelect(){
	$('select').styler();
}
$(document).ready(function(){
	setInterval("reloadSelect();", 100);
});