JSON实现三级关联

现在有三个select，需要实现效果如下：选择省后自动筛选该省的市，再选择市后自动筛选该市的县区。

实现需求的关键：

1、使用JSON解析工具解决new Gson().toJson() 将存在JSONObject成员的对象转JSON字符串

2、使用 JSON.parse() 方法将JSON字符串转换为 JavaScript 对象

3、然后onchange事件的添加,将三个事件关联起来

那接下来就直接上代码了。

• Area代码如下：

package com.jd.vo;

public class Area {
	 private String id;
	 private String name;
	 private String code;
	 private String parentCode;
	public Area(String id, String name, String code, String parentCode) {
		super();
		this.id = id;
		this.name = name;
		this.code = code;
		this.parentCode = parentCode;
	}
	
	
	public String getId() {
		return id;
	}


	public void setId(String id) {
		this.id = id;
	}


	public String getName() {
		return name;
	}


	public void setName(String name) {
		this.name = name;
	}


	public String getCode() {
		return code;
	}


	public void setCode(String code) {
		this.code = code;
	}


	public String getParentCode() {
		return parentCode;
	}


	public void setParentCode(String parentCode) {
		this.parentCode = parentCode;
	}


	@Override
	public String toString() {
		return "Area [id=" + id + ", name=" + name + ", code=" + code + ", parentCode=" + parentCode + "]";
	}
	 
	
}

 

• DataServlet代码如下：