用json+jquery+oracle怎么做省市区联动

 我来答
趾高气扬vi
2016-07-25 · TA获得超过648个赞
知道小有建树答主
回答量:549
采纳率:0%
帮助的人:417万
展开全部
<script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<!--读取数据库,以json的格式输行档出,然后复制json数据,创建js文件-->
<script src="json/CityJson.js" type="text/javascript"></script>档祥乱
<script src="json/ProJson.js" type="text/javascript"></script>
<script src="json/DistrictJson.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {

$.each(province, function (k, p) {
var option = "<option value='" + p.ProID + "'>" + p.ProName + "</option>";
$("#selProvince").append(option);
});

$("#selProvince").change(function () {
var selValue = $(this).val();
$("#selCity option:gt(0)").remove();

$.each(city, function (k, p) {
if (p.ProID == selValue) {
var option = "<option value='" + p.CityID + "'>" + p.CityName + "</option>";
$("#selCity").append(option);
}
});

});

$("#selCity").change(function () {
var selValue = $(this).val();
$("#selDistrict option:gt(0)").remove();

$.each(District, function (k, p) {
if (p.CityID == selValue) {
var option = "<option value='" + p.Id + "'>" + p.DisName + "</option>";
$("#selDistrict"宴租).append(option);
}
});
});
});
</script>
</head>
<body>
<select id="selProvince">
<option value="0">--请选择省份--</option>
</select>
<select id="selCity">
<option value="0">--请选择城市--</option>
<option>aaaa</option>
<option>aaaa</option>
</select>
<select id="selDistrict">
<option value="0">--请选择区/县--</option>
</select>
<input type="button" id="btnOK" value="确定" />
</body>
</html>
huahong38
2016-07-25 · 超过29用户采纳过TA的回答
知道答主
回答量:102
采纳率:0%
帮助的人:47.4万
展开全部

其实json+jquery就可伍悉以实现了

var cityJson = {
area: {
1: "中国",
},
1: {
130000: "河北省",
},
130000: {
130900: "沧州市"缺搭,
130100: "石家庄市",
}
};



页面加载先把1(国家)写入下拉框,当选择国家的时候,取到中腔扮乎国对应的数字,然后根据取到的数字,再把内容写到省的下拉框,当选择省的时候,同理,取到内容以后再根据取到的内容查询,把市写入对应的下拉框。


其实网上有很多已经写好的插件,直接用就可以了,没必要自己去写,自己知道原理就行了。

本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式