Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.05.2015, 21:30
Интересующийся
Отправить личное сообщение для olgastaf Посмотреть профиль Найти все сообщения от olgastaf
 
Регистрация: 26.11.2014
Сообщений: 21

Кастомизация зависимых списков select
На странице есть зависимые списки, реализованные через select + ajax + php. То есть в зависимости от выбора элемента в первом списке, во второй подгружается определенное содержимое.
При этом списки кастомизированы с помощью плагина jquery.core-ui-select
И все работает, все классно, кроме одного маленького нюанса.
Плагин загружается с загрузкой страницы, списки красивые. Но после выбора в первом списке, второй перегружается по аяксу, и красивый дизайн сбрасывается, а поскольку страница не перегружается, то плагин и не подключается снова, и список получается уродливым.

По идее нужно прописать у первого селекта
onchange="loadHTML('/ajax.php?id='+this.options[this.selectedIndex].value,'label');$('select').coreUISelect('update');"

, чтобы плагин снова подгружался после аякс-перезагрузки.
Но это почему-то не работает. Подскажите, что здесь сделано не так?
Пример здесь: zaphub.ru (фильтр по моделям авто).
Ответить с цитированием
  #2 (permalink)  
Старый 12.05.2015, 21:52
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

olgastaf,
в loadHTML должно стоять обновление $('select').coreUISelect('update'); а не в ином месте
Ответить с цитированием
  #3 (permalink)  
Старый 13.05.2015, 08:56
Интересующийся
Отправить личное сообщение для olgastaf Посмотреть профиль Найти все сообщения от olgastaf
 
Регистрация: 26.11.2014
Сообщений: 21

А можете написать, синтаксис строки как должен выглядеть?
Пробую и так, и этак, пока нужного результата не получаю
Ответить с цитированием
  #4 (permalink)  
Старый 13.05.2015, 10:08
Интересующийся
Отправить личное сообщение для olgastaf Посмотреть профиль Найти все сообщения от olgastaf
 
Регистрация: 26.11.2014
Сообщений: 21

Сообщение от рони Посмотреть сообщение
olgastaf,
в loadHTML должно стоять обновление $('select').coreUISelect('update'); а не в ином месте
- в смысле -внутри файла, который loadHTML загружает?
Или где?

Последний раз редактировалось olgastaf, 13.05.2015 в 10:19.
Ответить с цитированием
  #5 (permalink)  
Старый 13.05.2015, 11:52
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

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;
    }
  }
}
Ответить с цитированием
  #6 (permalink)  
Старый 13.05.2015, 14:01
Интересующийся
Отправить личное сообщение для olgastaf Посмотреть профиль Найти все сообщения от olgastaf
 
Регистрация: 26.11.2014
Сообщений: 21

Ура! Заработало!
Как я Вам благодарна!
Поставила плюсик в карму.
Ответить с цитированием
  #7 (permalink)  
Старый 13.05.2015, 23:12
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Сообщение от olgastaf
и список получается уродливым.
Жалобы к писателям браузеров. Так и отвечайте заказчику.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
кастомизация select nesfiraty Элементы интерфейса 6 15.04.2017 16:43
Проверка нескольких select на одинаковые значения emulexx Общие вопросы Javascript 6 07.04.2015 15:19
Метод для конвертирования едениц px, em, %, pt. jegit Элементы интерфейса 0 07.03.2013 16:15
Как сохранить предыдущее значение select? MaxD Общие вопросы Javascript 3 21.07.2011 12:36
Проблема с динамическим формированием select elepsion jQuery 1 31.10.2010 14:31