在最近的项目中,因为涉及到下拉菜单美化,我们用到了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
}
});})
用到了easydropdown比较少用到的方法, $(‘#dd2′).easyDropDown(‘destroy’); 然后在重新easydropdown一下就可以了。