У меня есть 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');
});
а также некоторые другие вещи, которые не работали. Любая помощь очень ценится, так как я в тупике.