用Jquery做一个通用的多级级联菜单，怎么做？

锋利的jquery上 第一章吧 就有个关于树形菜单的简单例子

站在用户的角度思考问题，与客户深入沟通，找到宿迁网站设计与宿迁网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站制作、成都做网站、企业官网、英文网站、手机端网站、网站推广、域名注册、网络空间、企业邮箱。业务覆盖宿迁地区。

别懒自己动手下 很快就能实现

怎么用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

希望对你有帮助！

jquery select2 联动下拉列表赋值二级下拉列表赋不上值，怎么搞

你是怎么搞的，代码贴出来看看。

二级联动，都是在一级上加一个onchange事件，触发时更新二级就可以了。

selelct id="sel1" onchange="changeData()"/selelct

selelct id="sel2"/selelct

function changeData(){

var v = $("#sel1").val();

$("#sel2").html('option......../option');

}

jquery如何动态产生二级联动，就是点击添加按钮后产生一个二级联动

二级联动:

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

用jquery的ajax实现二级下拉菜单级联操作，一级的select id=industrial 二级的select id=profession

因为没有足够的信息，我说几个要点，你看看后台是不是这样的：

1.你使用的是 $.getJSON ，这个方法要求你的后台数据 Content-Type 是 text/json 或者 application/json 。如果不是这样的话，肯定不行的

2.回调函数中，myJSON 到底是什么类型，从你的代码来看，它是一个数组，这个数组中的每一个元素都是一个对象，该对象至少有两个属性：professionid 和 professionName .

确认你的数据信息吧，js代码没有什么问题，对了，你是手动触发第一个 select 的 change 事件的，看看你的第一个 select 是不是在触发之前已经有数据了，不然，第一次的触发是没有效果的

在JSP页面中不使用ajax，用jQuery实现二级联动的代码谁有，前提是数据是从数据库中读取出来

你后台不是要查询数据库吗？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) {

}

});

分享名称：jquery二级级联,jquery二级联动
文章路径：http://azwzsj.com/article/dsgjopg.html