css - 我怎样才能让下拉框与 css 类一起工作？

Question

我在 Controller 中有一个 SelectList，它的值通过 ViewData 传递给 View ，如下所示:

List<string> available = new List<string>();
            available.AddRange(product.AvailableSizes.Split(',').ToList());
            ViewData["availablesize"] = new SelectList(available);

在 View 中，我有一个下拉框，它显示变量 availablesize 的值，如下所示:

@Html.DropDownList("availablesize")

由于某些原因，我需要以下列格式显示此下拉框，但无法处理此问题，有什么建议吗？

<div class="product-page-options">
<div class="pull-left">
<label class="control-label">Size:</label>
<select class="form-control input-sm">
 <option>L</option>
 <option>M</option>
 <option>XL</option>
</select>
</div>
</div>

Answer 1

此代码必须有效，您也可以在 razor 语法中提供 css 属性。

同时确保您的 ViewData["availablesize"]有IEnumerable<SelectListItem>

将您的 Controller 代码更改为以下

ViewData["availablesize"] = new SelectList((IEnumerable)available);

在 Views 中语法必须如下所示

<div class="product-page-options">
 <div class="pull-left">
 <label class="control-label">Size:</label>      
    @Html.DropDownList("availablesize", ViewData["availablesize"], new {@class = "form-control input-sm "})
 </div>
</div>

这是您需要的语法