利用jquery each 实现多级分类下拉框显示
2014-07-21 10:56
399 查看
Js代码:
PHP代码:
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(); $('#selects').html(html); } ); } }
PHP代码:
function ajax_get_child_categories(){ $parent_id = $_GET['parent_id']; $mod =& bm('gcategory', array('_store_id' => 0)); $gcategories = $mod->get_list($parent_id); foreach($gcategories as $key=>$val){ $categories = $mod->get_list($val['cate_id']); if($categories){ $gcategories[$key]['has_child'] = true; $gcategories[$key]['child'] = $categories; }else{ $gcategories[$key]['has_child'] = false; } } echo json_encode($gcategories);exit;
相关文章推荐
- asp.net开发中利用jquery来实现滚动下拉标题浮动固定显示
- 后台自定义导航增加分类树N级下拉+利用JQUERY
- 利用jQuery实现datepicker只显示年,月,不显示日 year,month only
- 利用jQuery实现图片信息的浮动显示
- jquery实现的固定位置下拉隐藏上拉显示悬浮导航菜单特效
- javascript实现在下拉列表中显示多级树形菜单的方法
- ajax+jquery+flea+smarty实现了通过选择下拉列表动态显示相应的数据
- 利用jQuery实现->精简显示品牌列表
- 利用Jquery实现,可输入搜索文字下拉选效果
- 利用jQuery实现图片信息的浮动显示
- javascript实现在下拉列表中显示多级树形菜单的方法
- 传智播客-Ajax(2)-利用jQuery简单模拟实现股票信息的实时显示
- 用Jquery实现多级下拉框无刷新的联动
- jquery实现下拉菜单的二级联动,利用json对象从DB取值显示联动
- 利用xml数据岛实现多级关联下拉选择框的做法
- 利用jQuery实现datepicker只显示年,月,不显示日 year,month only
- 利用xml数据岛实现多级关联下拉选择框的做法
- 利用JQuery实现点击某个表格时出现下拉及修改其信息
- jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
- jQuery简单实现当前页的导航或分类高亮显示