jsp+Ajax下拉列表显示案列提供!!!
我的环境是myeclipse+sql2008,不用做那么多,给我做下点击A里面的地区,B就可以不刷新页面出来选项,我是新手,望解答!现在就是不想去网上找,别在说去网上搜了...
我的环境是myeclipse+sql2008,不用做那么多,给我做下
点击A里面的地区,B就可以不刷新页面出来选项,我是新手,望解答!
现在就是不想去网上找,别在说去网上搜了!!! 展开
点击A里面的地区,B就可以不刷新页面出来选项,我是新手,望解答!
现在就是不想去网上找,别在说去网上搜了!!! 展开
展开全部
这不就是二级联动么? 由于不清楚你表的结构,给你大致写下html+js
html:
<select name="province" id="province">
<option value="-1">--请选择--</option>
<c:forEach var="pro" items="${provinceList}">
<option value="pro.code">${pro.name}</option>
</c:forEach>
</select>
<select name="city" id="city">
</select>
js:
$("#province").change(function(){
var provinceCode = $(this).val();
if(provinceCode != -1){
//根据省份id去后台查询对应的城市列表
$.post("xxx.action",{provinceCode:provinceCode},function(result){
if(result.success){
var cityArray = result.cityList;
$("#city").empty();
for(var i=0;i<cityArray.length;i++){
var city = cityArray[i];
$("#city").append("<option value='"+city.code+"'>"+city.name+"<option>");
}
}
});
}
});
$(function(){
$("#province").change();//触发第一次
});
-------------后台怎么查询sql,怎么组装json字符串不用我说了吧?
html:
<select name="province" id="province">
<option value="-1">--请选择--</option>
<c:forEach var="pro" items="${provinceList}">
<option value="pro.code">${pro.name}</option>
</c:forEach>
</select>
<select name="city" id="city">
</select>
js:
$("#province").change(function(){
var provinceCode = $(this).val();
if(provinceCode != -1){
//根据省份id去后台查询对应的城市列表
$.post("xxx.action",{provinceCode:provinceCode},function(result){
if(result.success){
var cityArray = result.cityList;
$("#city").empty();
for(var i=0;i<cityArray.length;i++){
var city = cityArray[i];
$("#city").append("<option value='"+city.code+"'>"+city.name+"<option>");
}
}
});
}
});
$(function(){
$("#province").change();//触发第一次
});
-------------后台怎么查询sql,怎么组装json字符串不用我说了吧?
展开全部
A里面加个onchange事件,去ajax调用一下数据库查询然后返回到前台,然后根据数据拼接一下select的option就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
网上一查 一大把.
把你的 查询到的 省 放到一个集合中, list 在把集合放到Map中 ajax请求到前台就成json ,
写change() 事件去触发,根据省份ID 去查 市区
把你的 查询到的 省 放到一个集合中, list 在把集合放到Map中 ajax请求到前台就成json ,
写change() 事件去触发,根据省份ID 去查 市区
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询