搜索

查看: 3050|回复: 11

[ASP.NET] ASP.NET MVC通过勾选checkbox更改select的内容

[复制链接]
发表于 2023-5-4 11:30:03 | 显示全部楼层 |阅读模式
Editor 2023-5-4 11:30:03 3050 11 看全部
遇到了这样的一个需求:通过勾选checkbox来更改select的内容。
在没有勾选checkbox之前是这样的:

202291682509298.png

202291682509298.png


在勾选checkbox之后是这样的:

202291682509299.png

202291682509299.png


想通过ajax异步来实现。所以,从控制器拿到的json数据,在控制器中应该先是Dictionary类型,然后再转换成json格式。
在没有勾选checkbox之前,select中内容对应的Model为:
    public class Old
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
在勾选checkbox之后,select中内容对应的Model为:
    public class NewItem
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
Home控制器中应该给出对应的json数据。
   public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult GetOld()
        {
            var olds = new List
            {
                new Old(){Id = 1, Name = "老版本1"},
                new Old(){Id = 2, Name = "老版本2"},
                new Old(){Id = 3, Name = "老版本3"}
            };
            IDictionary result = new Dictionary {{"-1","None"}};
            foreach (var item in olds)
            {
                result.Add(item.Id.ToString(), item.Name);
            }
            return Json(result, JsonRequestBehavior.AllowGet);
        }
        public ActionResult GetNew()
        {
            var news = new List
            {
                new NewItem(){Id = 1, Name = "新版本1"},
                new NewItem(){Id = 2, Name = "新版本2"}
            };
            IDictionary result = new Dictionary { { "-1", "None" } };
            foreach (var item in news)
            {
                result.Add(item.Id.ToString(), item.Name);
            }
            return Json(result, JsonRequestBehavior.AllowGet);
        }
    }
在Home/Index.cshtml视图中,根据checkbox是否勾选来呈现不同的内容。
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
Index
   

    是否选择新版本:
@section scripts
{
   
}
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对知鸟论坛的支持。如果你想了解更多相关内容请查看下面相关链接
回复

使用道具 举报

发表于 2023-6-29 13:40:57 | 显示全部楼层
xinting_6ym 2023-6-29 13:40:57 看全部
感谢楼主的无私分享!要想知鸟论坛好 就靠你我他
回复

使用道具 举报

发表于 2023-6-29 14:38:58 | 显示全部楼层
风来时狂放 2023-6-29 14:38:58 看全部
论坛不能没有像楼主这样的人才啊!我会一直支持知鸟论坛
回复

使用道具 举报

发表于 2023-6-29 17:40:57 | 显示全部楼层
麻辣鸡翅 2023-6-29 17:40:57 看全部
楼主太厉害了!楼主,I*老*虎*U!我觉得知鸟论坛真是个好地方!
回复

使用道具 举报

发表于 2023-6-29 18:29:47 | 显示全部楼层
我是的十八簿 2023-6-29 18:29:47 看全部
楼主,我太崇拜你了!我想我是一天也不能离开知鸟论坛
回复

使用道具 举报

发表于 2023-6-29 21:46:55 | 显示全部楼层
123456825 2023-6-29 21:46:55 看全部
楼主太厉害了!楼主,I*老*虎*U!我觉得知鸟论坛真是个好地方!
回复

使用道具 举报

发表于 2023-6-29 23:30:59 | 显示全部楼层
十二音阶囤 2023-6-29 23:30:59 看全部
感谢楼主的无私分享!要想知鸟论坛好 就靠你我他
回复

使用道具 举报

发表于 2023-6-30 03:40:41 | 显示全部楼层
丁侦球 2023-6-30 03:40:41 看全部
这东西我收了!谢谢楼主!知鸟论坛真好!
回复

使用道具 举报

发表于 2023-6-30 15:00:38 | 显示全部楼层
我的苦恼冉 2023-6-30 15:00:38 看全部
楼主发贴辛苦了,谢谢楼主分享!我觉得知鸟论坛是注册对了!
回复

使用道具 举报

发表于 2023-7-3 21:19:48 | 显示全部楼层
462710480 2023-7-3 21:19:48 看全部
既然你诚信诚意的推荐了,那我就勉为其难的看看吧!知鸟论坛不走平凡路。
回复

使用道具 举报

  • 您可能感兴趣
点击右侧快捷回复 【请勿灌水】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 返回列表

RSS订阅| SiteMap| 小黑屋| 知鸟论坛
联系邮箱E-mail:zniao@foxmail.com
快速回复 返回顶部 返回列表