首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > asp.net >

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

2012-08-29 
.net如何用ajax,js 为标签select动态添加数据.net如何用ajax,js 为标签select动态添加数据 求个简单明

.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……

热点排行