当前位置: 代码迷 >> Web前端 >> 将java后台的代码添载到前台页面select标签
  详细解决方案

将java后台的代码添载到前台页面select标签

热度:362   发布时间:2014-01-03 00:30:09.0
将java后台的代码加载到前台页面select标签
  1. java?后台代码:??
  2. List<SuperRecord>?list?=?new?ArrayList<SuperRecord>();??
  3. ????????list?=?this.resClassifyService.getChildeNodeList(nodeId);??
  4. ????????JSONArray?jsonArray?=?new?JSONArray();??
  5. ????????for?(int?i?=?0;?i?<?list.size();?i++)??
  6. ????????{??
  7. ????????????JSONObject?p_json?=?new?JSONObject();??
  8. ????????????p_json.put("id",?list.get(i).get("nodeid"));??
  9. ????????????p_json.put("name",?list.get(i).get("nodename"));??
  10. ????????????jsonArray.add(p_json);??
  11. ????????}??
  12. ????????this.getResponse().setContentType("text/html;?charset=UTF-8");??
  13. ????????try??
  14. ????????{??
  15. ????????????this.getResponse().getWriter().write(jsonArray.toString());??
  16. ????????}?catch?(IOException?e)??
  17. ????????{??
  18. ????????????//?TODO?Auto-generated?catch?block??
  19. ????????????e.printStackTrace();??
  20. ????????}??
  21. ??
  22. ??
  23. 前台js处理:??
  24. jQuery.post("/system/classify/getDropDownList.action",?{??
  25. ????????????'nodeId'?:?nodeId??
  26. ????????},?function(data)?{??
  27. ????????????var?sec?=?document.getElementById("sec");??
  28. ??????????????
  29. ????????????/*?
  30. ?????????????*?每次动态加载先清空下拉单,再添加新的选项?
  31. ?????????????*/??
  32. ????????????sec.options.length?=?0;??
  33. ????????????var?myobj?=?eval(data);??
  34. ????????????for?(?var?i?=?0;?i?<?myobj.length;?i++)?{??
  35. ????????????????sec.options.add(new?Option(myobj[i].name,?myobj[i].id));??
  36. ????????????}??
  37. ??
  38. ????????});??
  39. ??
  40. ??
  41. 页面??
  42. ?<select?id="sec"?style="width:?120px;"???
  43. ????????????????????????<option?value="">请选择---</option>??
  44. ????????????????????</select> ?
  相关解决方案