问题描述
- 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能获取到,那就填充上去呗
时间: 2024-09-13 06:05:57