用ajax去后台数据库中访问数据,操作select
前台js
jQuery.ajax({
type:"POST",
dataType:"json",
url:url,//访问后台去数据库查询select的选项
success:function(userList){
var unitObj=document.getElementById("unit"); //页面上的<html:select>元素
if(userList!=null){ //后台传回来的select选项
for(var i=0;i<userList.length;i++){
//遍历后台传回的结果,一项项往select中添加option
unitObj.options.add(new Option(userList[i].name,userList[i].id));
}
}
},
error:function(){
J.alert('Error loading Json document');
}
});
后台应该返回一个JSONArray之类的数组数据,比方:
[{"id":"001","name":"张三"},{"id":"002","name":"李四"},{"id":"003","name":"王五"}]
前台js
jQuery.ajax({
type:"POST",
dataType:"json",
url:url,//访问后台去数据库查询select的选项
success:function(userList){
var unitObj=document.getElementById("unit"); //页面上的<html:select>元素
if(userList!=null){ //后台传回来的select选项
for(var i=0;i<userList.length;i++){
//遍历后台传回的结果,一项项往select中添加option
unitObj.options.add(new Option(userList[i].name,userList[i].id));
}
}
},
error:function(){
J.alert('Error loading Json document');
}
});
后台应该返回一个JSONArray之类的数组数据,比方:
[{"id":"001","name":"张三"},{"id":"002","name":"李四"},{"id":"003","name":"王五"}]