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

相关内容

热门资讯

必备攻略“wpk到底有没有辅助... 无需打开直接搜索加微信客服(136704302)咨询了解wpk到底有没有辅助挂辅助器目前(微信:13...
发现一款“wepoker发牌逻... 发现一款“wepoker发牌逻辑”开挂辅助安装(透视)辅助教程是一款可以让一直输的玩家,快速成为一个...
玩家必知教程“wepoker发... 您好:wepoker发牌算法的软件,软件加客服确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户...
盘点一款“wepoker如何拿... 盘点一款“wepoker如何拿到好牌”开挂辅助挂(透视)2026新版教程是一款可以让一直输的玩家,快...
科技介绍“微扑克辅助器app下... 科技介绍“微扑克辅助器app下载”开挂辅助平台(透视)德州论坛是一款可以让一直输的玩家,快速成为一个...
一分钟了解“wepoker辅助... 您好:wepoker辅助透视挂的软件,软件加客服确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用...
分辨真假“wepoker透视真... 无需打开直接搜索加微信客服(136704302)咨询了解wepoker透视真的吗辅助器目前(微信:1...
推荐一款“wepoker透视软... 推荐一款“wepoker透视软件挂教程”开挂辅助安装(透视)必备教程是一款可以让一直输的玩家,快速成...
盘点几款“wepoker辅助开... >>>您好:,软件加微信【添加136704302】确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
一分钟揭秘“WePoKer有没... 无需打开直接搜索;操作使用教程:一分钟揭秘“WePoKer有没有透视软件挂”开挂辅助挂(透视)曝光教...