AJAX和select,绑定值,动态加载select的Item值,设置所选的值 (全都是客户端控件)
2015-04-14 16:37
316 查看
//根据年级获取班级
function btnGetBJ(njm,bh) {
$.ajax({
cache: false,
type: "GET",
url: 'TPJG.ashx?HandlerType=getbj&njm=' + njm + '&xqh=' + $('#seletXQ option:selected').val(),
dataType: 'json',
success: function (json) {
//AJAX加载select
if (json != "" || json != null || json != undefined) {
document.getElementById("seletBJ").innerHTML = "";
document.getElementById('seletBJ').add(new Option("---", ""));
for (var i = 0; i < json.length; i++) {
document.getElementById('seletBJ').add(new Option(json[i].texts, json[i].values));
}
//设置选中项
if (bh != "") {
var all_options = document.getElementById("seletBJ").options;
for (var j = 0; j < all_options.length; j++) {
if (all_options[j].value == bh) {
all_options[j].selected = true;
}
}
}
}
}
});
}
//页面初始化时,加载select的选择项
$(function () {
btnGetBJ('<%= njm %>', '<%= bh %>');
})
//后台绑定select,设置选择项
<option value="">---</option>
<% foreach (var dic in xqList)
{ %><option value="<%= dic.XQH %>" <%= Request.QueryString["seletXQ"] == dic.XQH ?"selected":""%>>
<%= dic.XQMC%></option>
<% } %>
</select>
function btnGetBJ(njm,bh) {
$.ajax({
cache: false,
type: "GET",
url: 'TPJG.ashx?HandlerType=getbj&njm=' + njm + '&xqh=' + $('#seletXQ option:selected').val(),
dataType: 'json',
success: function (json) {
//AJAX加载select
if (json != "" || json != null || json != undefined) {
document.getElementById("seletBJ").innerHTML = "";
document.getElementById('seletBJ').add(new Option("---", ""));
for (var i = 0; i < json.length; i++) {
document.getElementById('seletBJ').add(new Option(json[i].texts, json[i].values));
}
//设置选中项
if (bh != "") {
var all_options = document.getElementById("seletBJ").options;
for (var j = 0; j < all_options.length; j++) {
if (all_options[j].value == bh) {
all_options[j].selected = true;
}
}
}
}
}
});
}
//页面初始化时,加载select的选择项
$(function () {
btnGetBJ('<%= njm %>', '<%= bh %>');
})
//后台绑定select,设置选择项
<option value="">---</option>
<% foreach (var dic in xqList)
{ %><option value="<%= dic.XQH %>" <%= Request.QueryString["seletXQ"] == dic.XQH ?"selected":""%>>
<%= dic.XQMC%></option>
<% } %>
</select>
相关文章推荐
- 通过ajax动态加载select控件【下拉框】的option
- AJAX 动态加载后台数据 绑定select
- AJAX 动态加载后台数据 绑定select的方法
- Ajax 动态加载 用户控件脚本报 "缺少对象" 的错误!
- zTree 树形控件 ajax动态加载数据
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- Ext界面下做图片动态加载的图片放大镜效果并解决IE6下遮罩mask无法遮盖HTML的select控件问题
- ASP.net中的AJAX:动态加载用户控件(Calendar控件为例)
- ASP.net中的AJAX学习记录五:动态加载用户控件(Calendar控件为例)
- 使用ASP.NET Ajax 和Web Service动态加载用户控件
- 使用ajax从数据库动态加载下拉框(select)数据,可编辑下拉框。
- 在aspx页动态加载ascx页面内容,给GridView控件绑定数据
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- ReportViewer控件无法显示(ASP.NET Ajax 客户端框架未能加载,"Sys"未定义)
- 使用dtree生成的树结构,ajax动态加载子节点后,如何绑定右键菜单续
- Javascript动态为Select控件添加项并设置控件值无效的问题
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- 使用dtree生成的树结构,ajax动态加载子节点后,如何绑定右键菜单?求助
- 如何动态绑定DataList 的EditItemTemplate中的控件DropDownList
- query ajax json 通过后台代码(查询数据库)绑定html控件select 下拉框实例