gpt4 book ai didi

css - 如何在选项具有 ID 的地方执行 DropDownListFor?

转载 作者:行者123 更新时间:2023-11-28 10:45:41 27 4
gpt4 key购买 nike

我试图复制一个简单的东西,当它在直接 html 中完成时,其中一个为用户选择颜色而设计的下拉菜单具有带有彩色背景的选择选项。通过分配 id 类型的 css,可以很容易地让它工作。

<style type="text/css">
#red {background: #ff0000;}
#orange {background: #ffaa00;}
#yellow {background: #ffff00;}
#green {background: #00ff50;}
#purple {background: #9932CD;}
#blue {background: #0000ff;}
#brown {background: #8B4513;}
</style>

<body>
<div id=container>
<select id='selected' onchange='changeColor(this.value);'>
<option id='red' value='#ff0000'>Red</option>
<option id='orange' value='#ffaa00'>Orange</option>
<option id='yellow' value='#ffff00'>Yellow</option>
<option id='green' value='#00ff50'>Green</option>
<option id='purple' value='#9932CD'>Purple</option>
<option id='blue' value='#0000ff'>Blue</option>
<option id='brown' value='#8B4513'>Brown</option>
</select>
</div>
</body>

我想在 MVC4 中使用 DropDownListFor() 执行此操作,但不知道如何在选项中插入 id 属性/值对。这是我当前的 mvc 代码:

@Html.DropDownListFor(
m => Model.Item.Id,
new SelectList(Model.Items, "Id", "Name", Model.Item.Id),
new { @class = "selectStatus", onchange = "changeColor(this)" })

这里的模型是一个具有 Id 和 Name 属性的类。

public class Item
{
public int Id { get; set; }

public string Name { get; set; }
}

我希望答案很简单,但它让我望而却步。提前感谢您的帮助。

最佳答案

在您的 Controller 上构建您的下拉列表并将其分配给您的模型

List<SelectListItem> ls = new List<SelectListItem>();
foreach(var temp in YourRecords){
ls.Add(new SelectListItem() { Text = temp.Text, Value = temp.Value });
}

ViewModel.DropDownList = ls;

那么在你看来

@Html.DropDownListFor(x => x.Item.Id, Model.DropDownList, new { @class = "selectStatus"})

关于css - 如何在选项具有 ID 的地方执行 DropDownListFor?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22997453/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com