.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~
------解决方案--------------------------------------------------------