jquery动态实现填充下拉框

 当点下拉框时动态加载后台数据。 后台代码

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  

request.setCharacterEncoding("UTF-8");  

response.setCharacterEncoding("UTF-8");  

Map<String, String> product_names = DataManager.getGroup_names();  

StringBuffer sb = new StringBuffer();  

sb.append("{");  

Set<String> keys = product_names.keySet();  

for(Iterator<String> iter = keys.iterator();iter.hasNext();) {  

String key = iter.next();  

sb.append(product_names.get(key)+":");  

sb.append("['"+key+"'],");  

}  

sb.deleteCharAt(sb.length()-1);  

sb.append("}");  

response.getWriter().write(sb.toString());  

}  

　　前台：

$.ajax({  
　　type:"post",  
　　url:"InitData", 
　　data:"",  
　　success:function(data) {  
　　　　var map =  eval("("+data+")");  
　　　　$.each(map,function(key,values){  
　　　　　　$("<option value="+values+">"+key+"</option>").appendTo("#p_name");  
　　　　});   
　　}  
});