javascript实现省市区三级联动选择的代码(数据为模拟json数据)

javascript实现省市区三级联动选择的代码(数据为模拟json数据):



	
		
		
		
		
	
	
		省:
		
		市:
		
		区:
		
		
	


数据为模拟数据,注意模拟的json数据每一项都要加双引号,否则 $.getJson()获取不到数据,json数据如下;

local_P.json: 

[{
	"id":"1001",
	"nameP":"江苏"
},{
	"id":"1002",
	"nameP":"浙江"
}]
local_S.json:

[{
	"p_id":"1001",
	"s_id":"101",
	"nameS":"苏州"
},{
	"p_id":"1001",
	"s_id":"102",
	"nameS":"南通"
},{
	"p_id":"1002",
	"s_id":"201",
	"nameS":"金华"
},{
	"p_id":"1002",
	"s_id":"202",
	"nameS":"杭州"
}]

local_q.json:

[{
	"s_id":"102",
	"id_q":"10201",
	"nameq":"如皋"
},{
	"s_id":"102",
	"id_q":"10202",
	"nameq":"海门"
},{
	"s_id":"101",
	"id_q":"10203",
	"nameq":"吴中"
},{
	"s_id":"101",
	"id_q":"10204",
	"nameq":"高新区"
},{
	"s_id":"201",
	"id_q":"20203",
	"nameq":"金东"
},{
	"s_id":"201",
	"id_q":"20204",
	"nameq":"义乌"
},{
	"s_id":"202",
	"id_q":"20201",
	"nameq":"杭州下属市1"
},{
	"s_id":"202",
	"id_q":"20202",
	"nameq":"杭州下属市2"
}]

以上,是自己模拟json数据写的省市区三级联动选择的例子,注意json数据的格式问题。

你可能感兴趣的:(javascript,jQuery)