当前位置: 代码迷 >> ASP.NET >> .net怎么用ajax,js 为标签<select>动态添加数据
  详细解决方案

.net怎么用ajax,js 为标签<select>动态添加数据

热度:8684   发布时间:2013-02-25 00:00:00.0
.net如何用ajax,js 为标签<select>动态添加数据
.net如何用ajax,js 为标签<select>动态添加数据 求个简单明了的实例

------解决方案--------------------------------------------------------
实例代码:

页面上价格 <select id="testWebsite"></select>

$(document).ready(function () {
InitTestSelect();
})
//初始化下拉框
var InitTestSelect = function () {
$.ajax({
url: "/Test/GetSiteSelectList",
type: "get",
dataType: "json",
success: function (result) {
$.each(result, function (key, data) {
$("#testWebsite").append("<option value=" + data.value + ">" + data.name + "</option>");
})
}
})
}

后台controller部分,现在只是为示例所以数据源没从数据苦读取,你可以自己换

public JsonResult GetSiteSelectList()
{
IList<object> selectDataSource = new List<object>();

selectDataSource.Add(new { name = "网易", value = 1 });
selectDataSource.Add(new { name = "腾讯", value = 2 });
selectDataSource.Add(new { name = "谷歌", value = 3 });
selectDataSource.Add(new { name = "游戏", value = 4 });
selectDataSource.Add(new { name = "百度", value = 5 });

return Json(selectDataSource, JsonRequestBehavior.AllowGet);
}

当然前台其实也可以用其他的ajax的方式例如$.getJSON, 也不错如下
this.InitTestSelect = function () {
$.getJSON("/Test/GetSiteSelectList", {}, function (result) {
$.each(result, function (key, data) {
$("#testWebsite").append("<option value=" + data.value + ">" + data.name + "</option>");
})
})
}
这应该是LZ你想要的那种,希望对你有帮助,望及时结贴3Q~
------解决方案--------------------------------------------------------
探讨

引用:

引用:

string cmd = WebCommon.Request.GetStringQuery(Request);
BOSS.Model.Core.SysGameEntity[] gamelist = BOSS.ApiSynchro.DataSource.GameList(BOSS.Model.Core.WebSiteGame.Fla……
  相关解决方案