jQuery выбран с каскадным выбором не работает

0

У меня есть 3 поля выбора, которые заполняются из базы данных. Затем я использую этот javascript, чтобы сделать их каскадом (в зависимости от выбора в родительском поле выбора):

function cascadeSelect(parent, child){
var childOptions = child.find('option:not(.static)');
child.data('options',childOptions);

parent.change(function(){
    var parentValue = (this.value).replace(" ", "_");
    childOptions.remove();
    child
        .append(child.data('options').filter('.sub_' + parentValue))
        .change();
})

childOptions.not('.static, .sub_' + parent.val()).remove();
}

Это отлично работает в собственных наборах. Проблема в том, что когда я использую jQuery Chosen, все опции возвращаются в каждом поле выбора независимо от того, что выбрано в предыдущем поле (родительский).

Ссылка на страницу сборки здесь: http://site4.i-ocom.com/ Три идентификатора окна выбора: # Make_395, # Model_395, # Trim_395 Я прочитал документы для выбранных и попробовал:

 $("#Make_395").chosen().change(function(){
 $("#Model_395").trigger('chosen:updated');
 });

 $("#Model_395").chosen().change(function(){
 $("#Trim_395").trigger('chosen:updated');
 });

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

Теги:
select
cascading
jquery-chosen

1 ответ

1
Лучший ответ

На самом деле у вас очень старая версия выбранного плагина (0,14, а последняя версия на github - 1,1), поэтому все, что из руководства может не сработать для вас. Обновите js и повторите попытку.

  • 0
    Ух ты, спасибо! сейчас работает нормально. Я бы проголосовал, но я новичок и не имею репутации :( Но еще раз спасибо!
  • 0
    Ну, почти все работает, но теперь обновление отстает на шаг. Если я выбираю модель, обрезка не возвращается. Если я затем выберу вторую модель, обрезка для первой модели будет возвращена. Я понимаю, что событие .change состоит в том, что событие должно сработать сразу ...

Ещё вопросы

Сообщество Overcoder
Наверх
Меню