jquery实现动态加载一、二级下拉菜单

今天有个朋友问我怎么实现,点击按钮增加一级目录,选中一级目录增加二级目录

然后我写了份简单的页面实现js效果,样式就不加了。

效果图:
jquery实现动态加载一、二级下拉菜单_第1张图片
切换一级目录值,增加二级目录
jquery实现动态加载一、二级下拉菜单_第2张图片
点击按钮,增加一级目录
jquery实现动态加载一、二级下拉菜单_第3张图片
更换一级目录值,重新加载对应的二级目录
jquery实现动态加载一、二级下拉菜单_第4张图片
这个在列表查询页很常用,可以在增加一、二级目录的事件中请求后台接口,以实现动态加载搜索条件的效果

  • 注意

在追加过程中,如果通过ajax请求后台数据,实现追加元素时,需要注意在ajax的回调函数中$(this)指代的已经不再是页面dom元素了,而是ajax对象,所以需要先在ajax外部把$(this)进行赋值操作




	
	Document
	


你可能感兴趣的:(前端)