csdn_huan 2016-01-10 22:29 采纳率: 0%
浏览 1819

java web中jquery实现ajax问题

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

  • 写回答

6条回答 默认 最新

  • xiwei_2086 2016-01-10 22:35
    关注

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

    评论
  • asdfg200646 2016-01-10 22:50
    关注

    ajax异步查询就可以了

    评论
  • 斯洛文尼亚旅游 2016-01-10 23:07
    关注

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

    评论
  • tony4geek 2016-01-10 23:24
    关注

    具体你还是调试看看。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>
    

    展开全部

    评论
  • AlexMoonshadow 2016-01-11 00:18
    关注

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

    评论
  • 许珊珊 2016-01-11 01:18
    关注

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

    评论
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 DevEco studio开发工具 真机联调找不到手机设备
  • ¥15 请教前后端分离的问题
  • ¥100 冷钱包突然失效,急寻解决方案
  • ¥15 下载honeyd时报错 configure: error: you need to instal a more recent version of libdnet
  • ¥15 距离软磁铁一定距离的磁感应强度大小怎么求
  • ¥15 霍尔传感器hmc5883l的xyz轴输出和该点的磁感应强度大小的关系是什么
  • ¥15 vscode开发micropython,import模块出现异常
  • ¥20 Excel数据自动录入表单并提交
  • ¥30 silcavo仿真,30分钟,只需要代码
  • ¥15 FastReport 怎么实现打印后马上关闭打印预览窗口
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部