利用jquery each 实现多级分类下拉框显示

最新推荐文章于 2020-12-31 09:12:14 发布

IT界鸟叔

最新推荐文章于 2020-12-31 09:12:14 发布

阅读量1.2k

点赞数

分类专栏： JQuery 文章标签： Json each

本文链接：https://blog.csdn.net/kexiaoling/article/details/38012785

版权

本文介绍如何借助jQuery的each方法，有效地实现多级分类数据在下拉框中的呈现，通过遍历Json数据，动态生成层次分明的选项。

摘要由CSDN通过智能技术生成

Js代码：

function get_list(obj){
            		if(obj.val()==0){
            			$('#tr_se').hide();
            		}else{
            			$.getJSON(
            				'/admin/index.php?app=cate_recommend&act=ajax_get_child_categories',
            				{'parent_id':obj.find("option:selected").attr('id')},
            				function(data){
            					var html = '<select name=\'cate_id\'>';
            					$.each(data,function(i,item){
                					html += '<option value=\''+item.cate_id+'\'>'+item.cate_name+'</option>';
										if(item.has_child){
											$.each(item.child,function(j,vo){
												//alert(vo);
												html += '<option value=\''+vo.cate_id+'\'>----'+vo.cate_name+'</opti