利用jquery中ajax实现区域的5级联动,当点击第一个下拉框时,可以在第二个下拉框中填充相应数据,但是当点击第二个下拉框时,不能填充第三个下拉框,在Action中可以获取到数据
6条回答 默认 最新
- xiwei_2086 2016-01-10 22:35关注解决 无用评论 打赏 举报
- asdfg200646 2016-01-10 22:50关注解决 无用评论 打赏 举报
- 斯洛文尼亚旅游 2016-01-10 23:07关注解决 无用评论 打赏 举报
- 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关注解决 无用评论 打赏 举报
悬赏问题
- ¥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 怎么实现打印后马上关闭打印预览窗口