欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  php教程

下拉菜单联动显示(读数据库)

程序员文章站 2024-01-29 19:52:10
...
点击最初的下拉菜单选择板块内容~然后读取数据库获取下级分类,然后jq输出分类的下级菜单~并且绑定同一个事件,修改后也许就可以应用到你们项目中;用jquery写的,第一次分享,觉得不好的请轻喷~~
js代码如下: $(".js_type").live('change',function(){
var _this=$(this);
var _this_id=_this.attr('id');
var url='';
var $v=_this.val();
_this.nextAll("select").remove();
switch(_this_id){
case 'js_plateid':{
var data='plateid='+$v;
} break;
case 'js_pid': var data='uid='+$v; break;
};
$('',{'class':'loadPtype'}).insertAfter(_this);
$('.loadPtype').text("加载中...");
$.ajax({
'url':url,
'type':'POST',
'data':data,
'success':function(data){
var obj=jQuery.parseJSON(data);
var option='';
if(obj!=null){
switch(_this_id){
case 'js_plateid':{
var $new_select=$('',{'name':'subtypeid'});
};break;
}
$new_select.insertAfter(_this);
$('.loadPtype').remove();
for(var i=0;i option+="";
}
$new_select.html(option);
}else{
$(".loadPtype").text('无二级分类');
}
}
});
});
html代码:

AD:真正免费,域名+虚机+企业邮箱=0元