jQuery调优JSON数据实现省市联盟的方法
本文举例说明jQuery采用JSON数据实现省级联盟的方法,供大家参考:使用jQuery Mobile作为创建移动Web的框架,需要实现省级和市级功能。具体代码如下(需要优化的地方):
HTML代码:
在jQuery手机中,有输入列表属性,其次是标签,中间的是选项,这相当于下拉列表的输入功能。当然,输入列表名称需要ID在DataList一致。
JS代码:
js代码,主要功能
1。提取JSON数据并绑定到省级下拉列表
2。选择省级输入后,城市级列表将自动绑定。
三.区域下拉列表与城市级别相同。
$(函数(){())
(getprovince); / /页面打开,下拉列表自动绑定省级
})
/省
功能getprovince(){
VaR的援助;
Var Afather;
美元。得到('area_json0 .txt功能(数据){ { }。
对于(var i = 0;i < data.length;i++){
如果(数据{我}。fatherid = = 0){
一个父亲+ =;
}
}
$(# prvlist)。追加(父亲);
},'json);
}
功能changeprovince(){
VaR的城市;
无功prv_val = $(#省)的瓦迩();
GetJson(prv_val);
}
功能改变了城市(){
无功city_val = $(#城)的瓦迩();
getjsonarea(city_val);
}
getJSON函数(名){
无功cityid;
$.get ('area_json0.txt', function (data) {{}.
对于(var i = 0;i < data.length;i++){
如果(数据{我} name = name){
cityid = {我} ID数据;
}
}
setcity(cityid);
},'json);
}
功能setcity(Val){
Var Acity;
listcity = $(var $ # citylist );
美元。得到('area_json0 .txt功能(数据){ { }。
对于(n = 0 n<VaR;data.length;n + +){
如果(数据{ }。fatherid = = val){
警报(数据{ id });
城市+ =;
}
}
listcity.append美元(一);
},'json);
}
功能getjsonarea(name){
无功areaid;
美元。得到('area_json0 .txt功能(数据){ { }。
对于(var i = 0;i < data.length;i++){
如果(数据{我} name = name){
areaid = {我} ID数据;
}
}
setarea(areaid);
},'json);
}
功能setarea(担保){
Var Aarea;
listarea = $(var $ #现实主义者);
美元。得到('area_json0 .txt功能(数据){ { }。
对于(var m = 0;M data.length;M + +){
如果(数据{米}。fatherid = = AVAL){
警报(数据{ id });
面积+ =;
}
}
listarea.append美元(面积);
},'json);
}
代码应该进一步优化,以便暂时保存代码。