Кастомизация зависимых списков select
На странице есть зависимые списки, реализованные через select + ajax + php. То есть в зависимости от выбора элемента в первом списке, во второй подгружается определенное содержимое.
При этом списки кастомизированы с помощью плагина jquery.core-ui-select И все работает, все классно, кроме одного маленького нюанса. Плагин загружается с загрузкой страницы, списки красивые. Но после выбора в первом списке, второй перегружается по аяксу, и красивый дизайн сбрасывается, а поскольку страница не перегружается, то плагин и не подключается снова, и список получается уродливым. По идее нужно прописать у первого селекта onchange="loadHTML('/ajax.php?id='+this.options[this.selectedIndex].value,'label');$('select').coreUISelect('update');" , чтобы плагин снова подгружался после аякс-перезагрузки. Но это почему-то не работает. Подскажите, что здесь сделано не так? Пример здесь: zaphub.ru (фильтр по моделям авто). |
olgastaf,
в loadHTML должно стоять обновление $('select').coreUISelect('update'); а не в ином месте |
А можете написать, синтаксис строки как должен выглядеть?
Пробую и так, и этак, пока нужного результата не получаю |
Цитата:
Или где? |
olgastaf,
function processStateChange(){ if (request.readyState == 4){ contentDiv = document.getElementById(dest); if (request.status == 200){ response = request.responseText; contentDiv.innerHTML = response; *!* $('select').coreUISelect('update'); */!* } else { contentDiv.innerHTML = "Error: Status "+request.status; } } } |
Ура! Заработало!
Как я Вам благодарна! Поставила плюсик в карму. |
Цитата:
|
Часовой пояс GMT +3, время: 03:52. |