jquery 下拉控件的绑定与还原

下拉控件的绑定和还原,在实际开发中还是挺常用的,比如类别和所在地的下拉列表,

jquery 下拉控件的绑定与还原

如上例子,是个人信息的一小部分,所在地是已经在数据库中,用户之前已填写的数据,当用户跳转到更新个人信息页面时,个人信息肯定要先还原出来了,还原其它信息是再简单不过了,就是所在地这个有点麻烦,摸索了下,终于搞掂了它,如下分享给有需要的童鞋:

HTML代码:

<div>
<select id="slprivin" class="slpri"> </select> <!--这个是省份的下拉列表-->
<select id="slcity" style=" margin-left:5px"></select> <!--这个是城市的下拉列表-->

</div>

javascript代码:

$.getJSON("../Commom/ssssssx.ashx?aaaaaon=Rdfffffsiness&t=" + Math.random(),
function (Json) {
var jsonprovince = "";
var jsoncity = "";
for (var i = 0; i < Json.toppri.length; i++) {
if (Json.toppri[i].ID == Json.ccity.fid) {
jsonprovince += "<option value='" + Json.toppri[i].ID + "' selected='selected'>" + Json.toppri[i].name + "</option>";
} else {
jsonprovince += "<option value='" + Json.toppri[i].ID + "'>" + Json.toppri[i].name + "</option>";
}
}
for (var i = 0; i < Json.jsoncity.length; i++) {
if (Json.jsoncity[i].ID == Json.ccity.ID) {
jsoncity += "<option value='" + Json.jsoncity[i].ID + "' selected='selected'>" + Json.jsoncity[i].name + "</option>";
} else {
jsoncity += "<option value='" + Json.jsoncity[i].ID + "'>" + Json.jsoncity[i].name + "</option>";
}
}
$("#slprivin").html(jsonprovince);
$("#slcity").html(jsoncity);
})

ssssssx.ashx的代码:

var m = new BLL.M_gyLL().GefgfdlByID(kies().ID);

if (m != null && m.AccountID > 0)
{

var am1 = new BLL.AghBLL().GetList(1, 0);//得到全部的一级
var am2 = new BLL.AghBLL().GetList(m.City);//得到对应的城市
var am3 = new BLL.AghBLL().GetList(2,am2.fid);//得到对应的省份
Typ = new JsonSerialize().JsonSerializer<Model.ShopModel>(m);
var jsonpri = new JsonSerialize().JsonSerializer<IList<Model.AreaModel>>(am1);
var jsoncity = new JsonSerialize().JsonSerializer < IList<Model.AreaModel>>(am3);

var ccity = new Code.JsonSerialize().JsonSerializer<Model.AreaModel>(am2);
Typ = Type_sb1.Substring(0,Type_sb1.Length-1);
Typ += ",\"toppri\":" + jsonpri + ",\"jsoncity\":" + jsoncity + ",\"ccity\":"+ccity+"}";

}

context.Response.Write(Typ);

这里用到了json的反序列化

你可能感兴趣的:(jquery)