二级联动AJAX
实现目标:
点击表单中第一个下拉框,动态替换第二个下拉框。
实现方案:
点击第一个下拉框后触发一个AJAX,从后台获取一个json,内容如List<object>.
具体步骤:
在java代码中返回json:
response.getWriter().print(JSONArray.fromObject(list));
在页面上代码如下:
function addjob_name(data) { var obj=document.getElementById('job_id'); var json = eval(data) for(var item in json){ { obj.add(new Option(json[item].job_name ,json[item].job_name)); }