java web中jquery实现ajax问题

利用jquery中ajax实现区域的5级联动,当点击第一个下拉框时,可以在第二个下拉框中填充相应数据,但是当点击第二个下拉框时,不能填充第三个下拉框,在Action中可以获取到数据

只做过两个的省市联动,还不是要异步查询数据库的。

ajax异步查询就可以了

F12看浏览器控制台报什么错误

具体你还是调试看看。F12 应该js出错了。
这个一个参考

 <!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
var o=[{'id':'1','val':'人民币'},{'id':'2','val':'日元'}];
var o1=[ {'id':'1',val:   [ {'id':'1','val':'一天通知'},{'id':'2','val':'七天通知'},{'id':'3','val':'一个月'},{'id':'4','val':'三个月'}]},{'id':'2',val:[    {'id':'3','val':'一个月'},{'id':'4','val':'三个月'}]}];
  var tmp='';

  for(var i=0;i<o.length;i++){
   tmp+= "<option value='"+o[i].id +"'>"+o[i].val+"</option>"
 }
 $("#sel1").append(tmp);

tmp='';




$("#sel1").change(function(){
$('#test').val('');
 $("#sel2").empty();
   tmp='<option>----请选择----</option> ';


 for(var i=0;i<o1.length;i++){
   if(o1[i].id==$("#sel1").val()){

      for(var j=0;j<o1[i].val.length;j++){
            tmp+= "<option value='"+o1[i].val[j].id +"'>"+o1[i].val[j].val+"</option>"
         }

    }
 }
 $("#sel2").append(tmp);


});





});
</script>
</head>
<body>
 币种<select id="sel1"> 

       <option>----请选择----</option> 

   </select> 
 年利率<select id="sel2"> 

       <option>----请选择----</option> 



   </select> 
存期<input type='text' id="test"/>

</body>
</html>

应该是你哪里写的有问题,跟你级联多少级没有关系,我做的省、市、县、镇的不存在级联多就有问题的现象。好好排查下。

既然action能获取到,那就填充上去呗