首页 > Java > java教程 > 正文

java json 省市级联实例代码

高洛峰
发布: 2017-01-19 15:23:28
原创
1836 人浏览过

//     获取国家省市区信息
$(document).ready(function(){
//从程序获取json格式的数据
var info = $request.getAttribute("manualOrderAreaInfo");

var provinceInfo = $("#provinceId");
var cityId = $("#cityId");
//清空信息
provinceInfo.empty();
//循环获取信息
$.each(info.area, function(idx,item){
if(idx == 0){
return true;
}
//alert("name:"+idx+",areaId:"+item.areaId+",areaName:"+item.areaName+",areaParentId:"+item.parentId);
//这里父类ID为1是城市信息
if(item.parentId == 1){
$("<option value="+item.areaId+">"+item.areaName+"</option>").appendTo(provinceInfo);
}
});
//获取对应的城市信息
$("#provinceId").change(function(){
var tempInfo = $("#provinceId").val();
cityId.empty();
$.each(info.area, function(indexInfo,item){
if(indexInfo == 0){
return true;
}
if(item.parentId == tempInfo){
$("<option value="+item.areaId+">"+item.areaName+"</option>").appendTo(cityId);
}
});
});
});
登录后复制
<tr>
                    <th style="width:120px;">收货人省份</th>
<!--                    <td style="width:270px;"><input type="text" value="$!{manualEntryOrder.goodReceiverProvince}" name="manualEntryOrder.goodReceiverProvince" style="width:150px;"  maxlength="255"/></td>-->
                        <td style="width: 270px;">
                            <select id="provinceId" name="staffProvince" style="width: 154px;">
                            </select>

                        </td>
                    <th style="width:140px;">收货人城市</th>
                    <td style="width:270px;">
<!--                        <input type="text" value="$!{manualEntryOrder.goodReceiverCity}" name="manualEntryOrder.goodReceiverCity" style="width:150px;"  maxlength="255"/>-->
                            <select id="cityId" name="staffProvince" style="width: 154px;">
                                <option value="--">---请选择城市信息---</option>
                            </select>
                    </td>
                </tr>
登录后复制

更多java json 省市级联实例代码相关文章请关注PHP中文网!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板