jquery的ajax实现二级联动效果实现方法

//ajax的二级联动，使用选择的所属单位，查询该所属单位下对应的单位名称列表
 function findJctUnit(o){
 //货物所属单位的文本内容
 var jct = $(o).find("option:selected").text();
 $.post("elecUserAction_findJctUnit.do",{"jctID":jct},function(data,textStatus){
 //先删除单位名称的下拉菜单，但是请选择要留下
 $("#jctUnitID option").remove();
 if(data!=null && data.length>0){
 for(var i=0;i<data.length;i++){
 var ddlCode = data[i].ddlCode;
 var ddlName = data[i].ddlName;
 //添加到单位名称的下拉菜单中
 var $option = $("<option></option>");
 $option.attr("value",ddlCode);
 $option.text(ddlName);
 $("#jctUnitID").append($option);
 }
 }
 });
 
 }

/** 
 * @Name: findJctUnit
 * @Description: 使用jquery的ajax完成二级联动，使用所属单位，关联单位名称
 * @Parameters: 无
 * @Return: 使用struts2的json插件包
 */
 public String findJctUnit(){
 //1：获取所属单位下的数据项的值(从页面提交的jctID值,不是数据字典中的ddlcode)
 String jctID = elecUser.getJctID();
 //2：使用该值作为数据类型，查询对应数据字典的值，返回List<ElecSystemDDL>
 List<ElecSystemDDL> list = elecSystemDDLService.findSystemDDLListByKeyword(jctID);
 //3：将List<ElecSystemDDL>转换成json的数组，将List集合放置到栈顶
 ValueUtils.pushValueStack(list);
 return "findJctUnit";
 }

public class ValueUtils {

 public static void pushValueStack(Object object) {
 ServletActionContext.getContext().getValueStack().push(object);
 }
}

<!-- 系统管理 -->
<package name="system" extends="struts-default" namespace="/system">

<!-- 系统管理 -->
 <package name="system" extends="json-default" namespace="/system">

<!-- 如果是List集合，转换成json数组；如果是object对象，转换成json对象 -->
<result name="findJctUnit" type="json"></result>

<!-- 如果是List集合，转换成json数组；如果是object对象，转换成json对象 -->
 <result name="findJctUnit" type="json">
 <param name="includeProperties">\[\d+\]\.ddlCode,\[\d+\]\.ddlName</param>
 </result>