2016-09-15 16 views
1

在我的應用程序中,用戶必須從DropDownList中選擇產品類別。所以我想要做的是,如果他沒有選擇一個類別並嘗試發送他的訂單,DropDownList應該突出顯示,以便他看到,他必須選擇一個類別。我現在的問題是,我嘗試設計這個DropDownList的嘗試並沒有嘗試過。所以,我希望你能幫助我,或告訴我在哪裏的問題是:錯誤出現時的樣式DropdownListFor

CSS-文件:

.field-validation-error {color: #ffb3b3;} 
    .field-validation-valid {display: none;} 
    .input-validation-error {border: 1px solid #f00; background-color: #ffb3b3;} 
    .select.input-validation-valid { display: none;} 
    .select.input-validation-error { color: #ffb3b3; } 
    .validation-summary-error {font-weight: bold; color: #ffb3b3;} 
    .validation-summary-valid {display: none} 

視圖DropdownListFor:

@if (Request.Form["SendOrder"] != null && String.IsNullOrEmpty(ProductCategory)) 
{ 
    @Html.DropDownListFor(m => m.PC, 
     new SelectList(Model.ProductCategory.OrderBy(m => m.PCNumber), 
     "", "CategoryName", 
     new {@class = "field-validation-error, input-validation-error, 
     select.input-validation-error" }), "Select a Category") 
} 
else 
{ 
    @Html.DropDownListFor(m => m.PC, 
    new SelectList(Model.ProductCategory.OrderBy(m => m.PCNumber), 
    "", "CategoryName"), "Select a category") 
} 
+0

使用引導類的幫助,並將您的下拉菜單放入div並根據您的條件將引導類應用於div。 –

回答

0

任何有興趣在這方面,問題已解決,可以找到解決方案here

相關問題