用jquery的ajax实现二级下拉菜单级联操作,一级的select id=industrial 二级的select id=profession
js代码如下:$(function(){$("#industrial").change(function(){$.getJSON("ajaxjson.action",{p...
js代码如下:
$(function(){
$("#industrial").change(function(){
$.getJSON("ajaxjson.action",{parColumnId:$(this).val()},function(myJSON){
var myOptions="";
for(var i=0;i<myJSON.length;i++){
myOptions += '<option value="' + myJSON[i].professionId + '">' +
myJSON[i].professionName + '</option>';}
$("#profession").empty();
$("#profession").html(myOptions);
});
});
$("#industrial").change();
})
求大神告知action中的属性怎么定义才能正确拿到参数,然后怎么再返回到jquery中 展开
$(function(){
$("#industrial").change(function(){
$.getJSON("ajaxjson.action",{parColumnId:$(this).val()},function(myJSON){
var myOptions="";
for(var i=0;i<myJSON.length;i++){
myOptions += '<option value="' + myJSON[i].professionId + '">' +
myJSON[i].professionName + '</option>';}
$("#profession").empty();
$("#profession").html(myOptions);
});
});
$("#industrial").change();
})
求大神告知action中的属性怎么定义才能正确拿到参数,然后怎么再返回到jquery中 展开
展开全部
因为没有足够的信息,我说几个要点,你看看后台是不是这样的:
1.你使用的是 $.getJSON ,这个方法要求你的后台数据 Content-Type 是 text/json 或者 application/json 。如果不是这样的话,肯定不行的
2.回调函数中,myJSON 到底是什么类型,从你的代码来看,它是一个数组,这个数组中的每一个元素都是一个对象,该对象至少有两个属性:professionid 和 professionName .
确认你的数据信息吧,js代码没有什么问题,对了,你是手动触发第一个 select 的 change 事件的,看看你的第一个 select 是不是在触发之前已经有数据了,不然,第一次的触发是没有效果的
1.你使用的是 $.getJSON ,这个方法要求你的后台数据 Content-Type 是 text/json 或者 application/json 。如果不是这样的话,肯定不行的
2.回调函数中,myJSON 到底是什么类型,从你的代码来看,它是一个数组,这个数组中的每一个元素都是一个对象,该对象至少有两个属性:professionid 和 professionName .
确认你的数据信息吧,js代码没有什么问题,对了,你是手动触发第一个 select 的 change 事件的,看看你的第一个 select 是不是在触发之前已经有数据了,不然,第一次的触发是没有效果的
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询