十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
锋利的jquery上 第一章吧 就有个关于树形菜单的简单例子
站在用户的角度思考问题,与客户深入沟通,找到宿迁网站设计与宿迁网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站制作、成都做网站、企业官网、英文网站、手机端网站、网站推广、域名注册、网络空间、企业邮箱。业务覆盖宿迁地区。
别懒自己动手下 很快就能实现
你好!
下面是个简单的小例子,仅供参考:
script type="text/javascript"
$(document).ready(function(){
var data={
"liaoning":{
"210100000000":"沈阳市",
"210200000000":"大连市",
"210300000000":"鞍山市"
},
"heilongjiang":{
"230100000000":"哈尔滨市",
"230200000000":"齐齐哈尔市",
"230300000000":"鸡西市"
}
};
$("#aa").change(function(){
if(this.value==0){
$("#bb").empty();
} else {
for(var key in data){
if(key==this.value){
$("#bb").empty();
for(var kkey in data[this.value]){
$("option /").attr("value",kkey).text(data[this.value][kkey]).appendTo($("#bb"));
}
}
}
}
});
});
/script
/head
body
select id="aa"
option value="0"请选择省/option
option value="liaoning"辽宁/option
option value="heilongjiang"黑龙江/option
/select
select id="bb"
/select
/body
希望对你有帮助!
你是怎么搞的,代码贴出来看看。
二级联动,都是在一级上加一个onchange事件,触发时更新二级就可以了。
selelct id="sel1" onchange="changeData()"/selelct
selelct id="sel2"/selelct
function changeData(){
var v = $("#sel1").val();
$("#sel2").html('option......../option');
}
二级联动:
script
//点击按钮生成一级联动
$("button").on("click",function(){
var oneSelect = "select name='oneSelect'/select";
$("body").append(oneSelect);
});
//这里说明下,英文二级联动是根据一级联动来的,逻辑代码看你自己了,因为
//一级联动是js动态生成的,再绑定事件涉及特殊方法live,而live这个方法1.8.3
//jquery版本以后是废弃的,所以要使用
//$("select[name=oneSelect]").on("change","父级节点",fucntion(){});
//根据你的一级联动以及需求选择触发二级联动
$("select[name=oneSelect]").live("change",function(){
var twoSelect = "select name='twoSelect'/select";
$("body").append(twoSelect);
});
/script
因为没有足够的信息,我说几个要点,你看看后台是不是这样的:
1.你使用的是 $.getJSON ,这个方法要求你的后台数据 Content-Type 是 text/json 或者 application/json 。如果不是这样的话,肯定不行的
2.回调函数中,myJSON 到底是什么类型,从你的代码来看,它是一个数组,这个数组中的每一个元素都是一个对象,该对象至少有两个属性:professionid 和 professionName .
确认你的数据信息吧,js代码没有什么问题,对了,你是手动触发第一个 select 的 change 事件的,看看你的第一个 select 是不是在触发之前已经有数据了,不然,第一次的触发是没有效果的
你后台不是要查询数据库吗?ajax就是前后台做数据交互的,你后台查询出这个字段,用ajax交互,把你查询出的值返回到前台,要么返回null或"",要么返回有值的;
然后在ajax的success函数里面写你的逻辑就ok了;ajax知道怎么用吗?
$.ajax({
type : "POST",
url: "../../Admin/Menu/index/save",//后台映射的URL
data:$("#saveForm").serializeArray(),//往后台传的参数
dataType:'json',//返回的数据格式
success : function(result) {
//result即你的返回值
//ajax请求成功执行的函数
},
error : function(result) {
}
});