Setting Conditional Attributes in Razor for ASP.NET Core

Question

I tried this accepted answer, but it seems like this may be handled differently in the latest version of ASP.NET Core. I got no selected attribute at all from this:

<select class="form-control" asp-for="Status">
    <option></option>
    @foreach (var option in Enum.GetNames(typeof(StatusOptions))) {
        <option value="@option" @{if (option == Model.Status) { <text>selected="true"</text> } }>@option</option>
    }
</select>

As an alternative, I tried this and got selected="selected", but Visual Studio gives me a warning that @selected is not a valid value of attribute of 'selected'.

<select class="form-control" asp-for="Status">
    <option></option>
    @foreach (var option in Enum.GetNames(typeof(StatusOptions))) {
        bool selected = option == Model.Status;
        <option value="@option" selected="@selected">@option</option>
    }
</select>

I can use that, but I have to ignore the warning and it doesn't render exactly what I want. Is there a way to get:

<option value="firstOption" selected>firstOption</option>

You do not set the selected property. The Tag Helper does that based on the value of the property you binding to. - <select asp-for="Status" asp-items="Html.GetEnumSelectList<StatusOptions>()"></select> — user3559349
– user3559349, Commented Dec 20, 2016 at 21:16

bluetoft · Accepted Answer · 2016-12-20 16:01:49Z

1

I think that I would not enumerate the StatusOptions here. I would probably put this as a property on my Model.

public List<SelectListItem> StatusOptions => Enum.GetNames(typeof(StatusOptions)).Select(o => new SelectListItem {
   Text = o,
   Value = o,
   Selected = o == this.Status
}).ToList();

Then in the razor view:

@Html.DropDownListFor(m => m.Status, Model.StatusOptions, new { @class="form-control", asp_for = "status" })

This should do what you want.

edited Dec 20, 2016 at 16:01

answered Dec 20, 2016 at 15:53

bluetoft

5,4432 gold badges25 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Shaun Over a year ago

Is there a way to add an empty first option to that helper or does it need to be injected into the StatusOptions list?

bluetoft Over a year ago

Yes... you can add a string you want for the empty option: stackoverflow.com/a/9294117/788509

J. Doe · Accepted Answer · 2016-12-20 15:46:04Z

0

Try this and make sure Model.Status will be the same type as option in foreach

<select class="form-control" asp-for="Status">
        <option></option>
        @foreach (var option in Enum.GetNames(typeof(StatusOptions))) {
            <option value="@option" @{option == Model.Status ? "selected" : ""} }>@option</option>
        }
    </select>

answered Dec 20, 2016 at 15:46

J. Doe

2,7571 gold badge17 silver badges31 bronze badges

Collectives™ on Stack Overflow

Setting Conditional Attributes in Razor for ASP.NET Core

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related