HTML属性"class"& lt; select>& lt; option>通过DropDownL

本文关键字：lt quot option 通过 DropDownL class 属性 HTML select | 更新日期: 2023-09-27 17:49:25

我已经生成了如下的下拉列表:

@Html.DropDownListFor(x => x.ExternalSystems, new SelectList(Model.ExternalSystems, "Id", "Name"), "All systems", new {@class = "param-select", id = "val-external-system"})

，结果如下:

<select class="param-select" id="val-external-systems" name="ExternalSystems">
    <option value="">All systems</option>
    <option value="0">ExtSystem1</option>
    <option value="1">ExtSystem2</option>
</select>

但我需要的结果如下:

<select class="param-select" id="val-external-systems" name="ExternalSystems">
    <option value="" **class="select-default"**>All systems</option>
    <option value="0">ExtSystem1</option>
    <option value="1">ExtSystem2</option>
</select>

我怎样才能做到这一点?

HTML属性"class"& lt; select>& lt; option>通过DropDownL

这是不可能的HTMLx标准。Html选项标签不支持"class"属性。

如果你想选择任何选项，应该使用"selected"属性。例子:

<select class="param-select" id="val-external-systems" name="ExternalSystems">
<option value="" selected>All systems</option>
<option value="0">ExtSystem1</option>
<option value="1">ExtSystem2</option>

使用Razor语法的例子("All System"选项是默认选择的):

@Html.DropDownList("ExternalSystems", new SelectList(Model.ExternalSystems, "Id", "Name"), "All systems", new { @class="param-select" })
相关文章：