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

最新推荐文章于 2019-11-12 11:11:34 发布

原创

最新推荐文章于 2019-11-12 11:11:34 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Json #each

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

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+'</option>';
											});
										}
                					}
                            	);
            					html += '</select>';
            					$('#tr_se').show();
                            	$(