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"); }); } });