当easydropdown.js 遇到3联级
在最近的项目中，因为涉及到下拉菜单美化，我们用到了easydropdown.js 下拉菜单美化插件，但是这个下拉菜单同时还要做3联级，那么问题就来了，网上资料比较少，我们通过easydropdown已有的方法进行测试，最终得出了解决方案
/*三级联动*/
$(‘#dd1′).change(function(){
$(‘#dd2′).html(‘<option>xxxx</option>’);//销毁
$(‘#dd2′).easyDropDown(‘destroy’);
//重新美化
$(‘#dd2′).easyDropDown({
cutOff: 10,
wrapperClass: ’dropdown’,
onSelect: function(selected){
// do something
}
});})
$(‘#dd1′).change(function(){
$(‘#dd2′).html(‘<option>xxxx</option>’);//销毁
$(‘#dd2′).easyDropDown(‘destroy’);
//重新美化
$(‘#dd2′).easyDropDown({
cutOff: 10,
wrapperClass: ’dropdown’,
onSelect: function(selected){
// do something
}
});})
用到了easydropdown比较少用到的方法， $(‘#dd2′).easyDropDown(‘destroy’); 然后在重新easydropdown一下就可以了。
