J'utilise MagicSuggest pour la liste déroulante personnalisée, maintenant j'ai deux catégories et sous-catégories de listes déroulantes .. les sous-catégories doivent être remplies en fonction de la sélection des catégories. Lorsque je sélectionne la catégorie, puis la sous-catégorie, cela fonctionnera pour la première fois, mais si je change de catégorie, les sous-catégories ne changeront pas et afficheront la même liste. voici mon jquery ..Plusieurs listes déroulantes dépendantes de MagicSuggest ne fonctionnent pas
var cat = $('#category').magicSuggest({
maxSelection:1,
data: site+'project/getCats/',
valueField: 'id',
displayField: 'title',
mode: 'remote',
renderer: function(data){
return '<div>' +
'<div class="title">' + data.title + '</div>' +
'</div>';
},
resultAsString: true,
selectionRenderer: function(data){
return '<div class="name">' + data.title + '</div>';
}
});
$(cat).bind('selectionchange', function(event, combo, selection){
cat_id = cat.getValue();
src = site+'project/getCats/'+cat_id;
var subcat = $('#sub_category').magicSuggest({
maxSelection:1,
data: src,
valueField: 'id',
displayField: 'title',
mode: 'remote',
renderer: function(data){
return '<div>' +
'<div class="title">' + data.title + '</div>' +
'</div>';
},
resultAsString: true,
selectionRenderer: function(data){
return '<div class="name">' + data.title + '</div>';
}
});
})