HTM select绑定数据库数据
2016-09-02 01:32
811 查看
用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":"王五"}]
相关文章推荐
- c# 如何向comboBox中绑定数据库中指定的数据信息;
- DataGrid中,读取数据库中的图片并绑定数据列或磁盘目录中的图片,用输出流方式
- CascadingDropDown从数据库中读取数据绑定到DropDownList控件上
- 数据库数据绑定到Text组件、ListBox组件、ComBox等组件上去
- c# winform comboBox动态下拉列表,comboBox动态绑定数据库里的数据
- 数据绑定控件的ItemDataBound事件中怎么得到数据库字段的值
- vb+MAPX开发打开ACESS数据库并于里面的X,Y 数据绑定
- TreeView从数据库绑定数据
- vb+MAPX开发打开ACESS数据库并于里面的X,Y 数据绑定
- 将数据库数据用代码绑定到Listview
- 关于将数据库中的bit型数据绑定到DataGrid中的CheckBox的Checked属性的问题。
- CascadingDropDown从数据库中读取数据绑定到DropDownList控件上
- 使用Using System.Data.OleDb; 连接数据库,又一种动态绑定GridView显示数据。
- (转)HTML中的数据绑定(Data Binding)-.NET教程,数据库应用
- Menu控件绑定数据库数据代码
- 读出数据库里面的数据,来 绑定列表框 DropDownList1
- 数据绑定出现错误:连接sdf数据库 sqlceme30.dll
- TreeView绑定数据库中的数据实例
- asp.net2.0 treeview的用法--绑定数据库数据
- 数据库 数据绑定的时候连接字符串为绝对路径的问题