基于JQuery的Select下拉框联动(级联)
这段时间在指导学生完成实训项目,由一个用到了JQuery进行下拉框(select)联动(添加删除option)的操作,本来在上课中都是讲过的,但时间一长都忘光了,下面把这段简单的JS贴出来,给入门者一个DEMO吧,以后有学生不会写的时候他能到这找到参考。
代码要点:
1、使用JQuery给select标签添加option元素时,直接使用:
public class SelectChangeAction {private static List<Teacher> teachers = new ArrayList<Teacher>();private static List<Student> students = new ArrayList<Student>();private int tid;static{Teacher teacher = null; Student student = null;for(int i=0;i<10;i++){teacher = new Teacher();teacher.setId(i);teacher.setName("教师【"+i+"】");for(int j=0;j<10;j++){student = new Student();student.setId(j);student.setName(teacher.getName()+"的学生【"+i+"|"+j+"】");student.setTeacher(teacher);students.add(student);}teachers.add(teacher);}}/** * 输出教师信息 * @return */public String parent(){String json = JSONArray.fromObject(teachers).toString();HttpServletResponse response = ServletActionContext.getResponse();response.setCharacterEncoding("UTF-8");try {response.getWriter().write(json);} catch (IOException e) {e.printStackTrace();}return null;}/** * 输出学生信息 * @return */public String child(){List<Student> list = new ArrayList<Student>();for (Student student : students) {if(student.getTeacher().getId() == tid){list.add(student);}}String json = JSONArray.fromObject(list).toString();HttpServletResponse response = ServletActionContext.getResponse();response.setCharacterEncoding("UTF-8");try {response.getWriter().write(json);} catch (IOException e) {e.printStackTrace();}return null;}public int getTid() {return tid;}public void setTid(int tid) {this.tid = tid;}}?
仅以此文献给所有跟我学习没有学会的同学们!