这种效果用jquery怎么实现？
有两个select，一个是上级菜单，一个是菜单类型，分为主菜单和功能菜单，我要做的是当上级菜单选择为某一主菜单时，菜单类型自动变成功能菜单。...
有两个select，一个是上级菜单，一个是菜单类型，分为主菜单和功能菜单，我要做的是当上级菜单选择为某一主菜单时，菜单类型自动变成功能菜单。
展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>
RunJS 演示代码
</title>
<script>
var brand_a = ["安驰", "奥迪"];
var brand_b = {
"安驰": ["小公主", "人生"],
"奥迪": ["小王子", "前途"]
};
var brand_c = {
"小公主": ["1999 自动", "2001 手动"],
"人生": ["1999 自动", "2001 手动"],
"小王子": ["1999 自动", "2001 手动"],
"前途": ["1999 自动", "2001 手动"]
};
jQuery(function($){
var a = $("#brand_a"),
b = $("#brand_b"),
c = $("#brand_c");
a.append("<option value=''>请选择</option>");
b.append("<option value=''>请选择</option>");
c.append("<option value=''>请选择</option>");
$(brand_a).each(function(i, dom){
a.append("<option value='"+dom+"'>" + dom + "</option>");
});
a.change(function(){
var me = $(this),str;
if(str = me.val()){
var arr = brand_b[str];
b.html("").append("<option value=''>请选择</option>");
c.html("").append("<option value=''>请选择</option>");
$(arr).each(function(i, dom){
b.append("<option value='"+dom+"'>" + dom + "</option>");
});
}else{
b.html("").append("<option value=''>请选择</option>");
c.html("").append("<option value=''>请选择</option>");
}
});
b.change(function(){
var me = $(this),str;
if(str = me.val()){
var arr = brand_c[str];
c.html("").append("<option value=''>请选择</option>");
$(arr).each(function(i, dom){
c.append("<option value='"+dom+"'>" + dom + "</option>");
});
}else{
c.html("").append("<option value=''>请选择</option>");
}
});
});
</script>
</head>
<body>
<select id="brand_a"></select>
<select id="brand_b"></select>
<select id="brand_c"></select>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
