求助：点击修改之后的下拉框问题

我现在要做的是一个小的图书管理系统，有一个陈列所有图书的基本信息的页面，图书信息分别是图书名称，图书类型，单价和出版社，相应的后面都有修改和删除，发帖子怎么不能导入本地图片呢，现在要做的是当我点击修改的时候，只有那一行发生变动，图书名称那变成一个文本框，图书类型那变成一个下拉框，现在的问题是，点击修改之后，下拉框那里是空的，不知道问题出在哪里，感觉就好像请求的数据data没有传过来一样，回调函数里的东西没有执行的样子，求高手帮忙解决，如果问题没看懂，会有问题补充的，谢谢！

后台代码：

public ActionForward ajaxQueryAllTypes(ActionMapping mapping, ActionForm form,

			HttpServletRequest request, HttpServletResponse response)

			throws Exception {

		ITypeService ts = (ITypeService) ServiceFactory.getInstance().getService("typeService");

		List<TypeBean> list = (List<TypeBean>) ts.queryAllTypes();

		StringBuilder data = new StringBuilder();

		data.append("({");

		for(int i = 0; i < list.size(); i++) {

			data.append(i).append(":").append(list.get(i).getTypeName()).append(",");

		}

		data.append("})");

		PrintWriter out = response.getWriter();

		out.println(data);

		System.out.println(data);

		return null;

	}

js代码：

var trNode = $("#" + id);

	var tds = trNode.children("td");

	for(var i = 0;i < tds.length - 1; i++) {

		var tdNode = tds.eq(i);

		var text = tdNode.text();

		tdNode.html("");

		if(i == 1) {

			var select = $("<select>");

			$.get("type.do?method=ajaxQueryAllTypes", null, function(data) {

				alert("回调函数");

				var obj = data;

				for(var id in obj) {

					var optionvalue = obj[id];

					alert(optionvalue);

					var option = $("<option>");

					option.attr("value", optionvalue);

					option.text(optionvalue);

					select.append(option);

				}

			}, "json");

			tdNode.append(select);

			alert(obj);

			continue;

		}

		var input = $("<input>");

		input.attr("value", text);

		tdNode.append(input);

	}