ASPMVC中是否可能制作一个包含复选框列表的下拉列表?
创始人
2024-09-20 04:30:50
0

可以通过使用Html.DropDownListFor和Html.CheckBoxFor来创建一个包含复选框列表的下拉列表。以下是一个示例代码:

在ViewModel中添加数据模型:

public class MyViewModel { public string SelectedItem { get; set; } public List Items { get; set; } public List SelectedItems { get; set; } public List CheckBoxItems { get; set; } }

在Controller中添加数据:

public ActionResult Index() { var model = new MyViewModel(); model.Items = new List() { new SelectListItem() { Text = "Option 1", Value = "1" }, new SelectListItem() { Text = "Option 2", Value = "2" }, new SelectListItem() { Text = "Option 3", Value = "3" }, new SelectListItem() { Text = "Option 4", Value = "4" } };

model.CheckBoxItems = new List()
{
    new SelectListItem() { Text = "CheckBox 1", Value = "1" },
    new SelectListItem() { Text = "CheckBox 2", Value = "2" },
    new SelectListItem() { Text = "CheckBox 3", Value = "3" },
    new SelectListItem() { Text = "CheckBox 4", Value = "4" }
};

return View(model);

}

在View中添加HTML:

@model MyViewModel @using (Html.BeginForm()) { @Html.DropDownListFor(m => m.SelectedItem, Model.Items, new { @class = "form-control" })

@Html.CheckBoxFor(m => m.SelectedItems[0], Model.CheckBoxItems[0].Text, new { @class = "checkbox-inline" })
@Html.HiddenFor(m => m.CheckBoxItems[0].Value)

@Html.CheckBoxFor(m => m.SelectedItems[1], Model.CheckBoxItems[1].Text, new { @class = "checkbox-inline" })
@Html.HiddenFor(m => m.CheckBoxItems[1].Value)

@Html.CheckBoxFor(m => m.SelectedItems[2], Model.CheckBoxItems[2].Text, new { @class = "checkbox-inline" })
@Html.HiddenFor(m => m.CheckBoxItems[2].Value

相关内容

热门资讯

透视软件!aa poker辅助... 透视软件!aa poker辅助,wepoker模拟器哪个,手册教程(果然是真的挂)-哔哩哔哩一、we...
透视app!哈糖大菠萝怎么挂(... 透视app!哈糖大菠萝怎么挂(透视)开挂辅助器(都是是有挂)-哔哩哔哩1、打开软件启动之后找到中间准...
透视讲解!hhpoker哪个俱... 透视讲解!hhpoker哪个俱乐部靠谱,拱趴大菠萝自动计算机器人,演示教程(切实真的有挂)-哔哩哔哩...
透视机制!佛手在线大菠萝辅助(... 透视机制!佛手在线大菠萝辅助(透视)开挂辅助app(确实存在有挂)-哔哩哔哩在进入佛手在线大菠萝辅助...
透视辅助!wepoker永久免... 透视辅助!wepoker永久免费脚本,聚星ai辅助工具收费多少,经验教程(真是真的是有挂)-哔哩哔哩...
透视自建房!wepoker手机... 透视自建房!wepoker手机插件(透视)开挂辅助方法(其实真的是有挂)-哔哩哔哩1、起透看视 we...
辅助透视!wpk官网下载链接,... 您好,佛手在线大菠萝智能辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302...
透视最新版!wejoker手机... 透视最新版!wejoker手机版透视脚本(透视)开挂辅助软件(果然有挂)-哔哩哔哩1、wejoker...
透视游戏!hhpkoer辅助器... 透视游戏!hhpkoer辅助器,wepokerplus辅助,策略教程(一直有挂)-哔哩哔哩1、wep...
透视德州!wpk安卓下载辅助(... 透视德州!wpk安卓下载辅助(透视)开挂辅助攻略(竟然是有挂)-哔哩哔哩1、完成wpk安卓下载辅助透...