asp.net mvc 下拉框级联
2023-06-13 09:12:39 时间
大家好,又见面了,我是你们的朋友全栈君。
给自己需要级联的控制器添加 要级联的下拉框获取
#region//获取宿舍楼
[HttpPost]
public ActionResult Drom(string id)
{
object obj=getDrom(id);
return Json(obj);
}
//获取宿舍楼
public List<SelectListItem> getFloor()
{
var quert = db.Floor;
List<SelectListItem> list = new List<SelectListItem>();
foreach (var item in quert)
{
list.Add(new SelectListItem { Text = item.FloorName, Value = item.FloorID.ToString() });
}
list.Insert(0, new SelectListItem { Text = "选择宿舍楼", Value = "-1" });
return list;
}
//获取宿舍
public List<SelectListItem> getDrom(string id) {
List<SelectListItem> list = new List<SelectListItem>();
int Floorid=int.Parse(id);
if (Floorid > 0)
{
var floor = db.Dorm.Where(a => a.FloorID == Floorid).ToList();
foreach (var item in floor) {
list.Add(new SelectListItem { Text = item.DormName, Value = item.DormID.ToString() });
}
}
return list;
}
#endregion
然后在需要的界面方法下返回数据
public ActionResult Create()
{
ViewData["FloorID"] = getFloor();
ViewData["DormID"] = new List<SelectListItem>()
{
new SelectListItem {Text = "请选则宿舍楼", Value = "-1"}
};
return View();
}
前端引入js文件 为下拉框添加chang实践 使用jspost请求方法
<script src="~/jquery-3.5.1/jquery-3.5.1.js"></script>
<script src="~/jquery-3.5.1/jquery-3.5.1.min.js"></script>
<script>
$(function () {
$("#FloorID").change(function () {
var id = this.value;
$.post("/Scores/Drom", { "id": id }, function (data) {
$("#DormID").html("");
$.each(data, function (i, j) {
var op = new Option();
op.text = j.Text;
op.value = j.Value;
document.getElementById("DormID").add(op);
});
});
});
})
</script>
查看结果:
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/162926.html原文链接:https://javaforall.cn
相关文章
- asp net mvc 全局捕获异常的方法
- Asp.Net MVC模型验证正则表达式[通俗易懂]
- ASP.NET MVC使用javascript
- asp.net mvc实现文件下载「建议收藏」
- [.NET控件]Telerik RadControls for ASP.NET AJAX 2008 Q1 net 2.0 Web.UI「建议收藏」
- ASP.NET MVC (五、HttpClient接口解析)
- ASP.NET MVC商城网站后台管理系统
- 宝塔面板Linux系统通过Docker部署VB.NET Asp.Net Core WebAPI应用
- [接上篇]在Window10/11的Linux子系统Docker上部署VB.NET Asp.Net Core WebAPI应用
- 解决ASP.NET MVC间歇性响应缓慢
- asp.net MVC3 “System.Web.Mvc.ModelClientValidationRule”问题详解编程语言
- .net搭建ASP.NET应用程序在Linux系统上(linux搭建asp)
- NET与Oracle携手走向未来(.net 对oracle)
- asp.net(C#)动态添加非ASP的标准html控件(如添加Script标签)
- ASP.Net请求响应流程简述
- ASP.NET后台登录小技巧介绍
- 浅析ASP.NET安全性分析(加强asp.net1.1/2.0安全性)
- .Net中导出数据到Excel(asp.net和winform程序中)
- ASP.NET实现LicenseKey输入功能的小例子
- Asp.net静态方法之Grid转DataTable方法实现步骤
- asp.netC#实现下载文件的六种方法实例
- asp.net的GridView控件使用方法大全
- 一个ASP.Net下的WebShell实例
- 解读ASP.NET密码强度验证代码实例分享
- ASP.NET小结之MVC,MVP,MVVM比较以及区别(一)
- Winform实现调用asp.net数据接口实例
- ASP.NET网站实时显示时间的方法
- Asp.net导出Excel/Csv文本格式数据的方法