在很多的web项目中,需要选择下拉框中的数据项提交表单,而下拉框中的选项一般在页面加载时同时加载到下拉框中,所以采用ajax动态生成。
实现方法:
在js中定义获取到身份列表的函数,通过ajax提交action获取到列表,并且动态生成option加入到下面jsp中的select中。
functionxxxlist(){
$.ajax({
type:"POST",
url:"xxxAction.action",
dataType:"json",
data:"",
success: function(json){
var list = json.xxxlist;
var xxx=$("#xxx")[0];
xxx.options.length=0;//是说默认是选第一个
xxx.options.add(new Option("xxx","0"));
for(var i=0;i
var option= newOption(list[i].xxxx,list[i].xxxx);
pid.options.add(option);
}
selRefresh("xxx");
}
})
}
在页面刚加载时就执行列表函数,进行元素的加载
$(document).ready(function(){
xxxlist();
});
对应的jsp页面的部分
所属身份: