如何使下拉菜单默认为空白

Question

When I go to my web page, it has a drop down list with a name already selected. I want that it to default to a blank value every time someone goes to that page. They will need to type in that blank space.

<select asp-for="OwnerId" class="form-control" asp-items="@Model.OwnerList"></select>

Answer 1

<select asp-for="OwnerId" class="form-control" asp-items="@Model.OwnerList"></select>

The way i found to have that empty space in the drop down show first was this:

<select asp-for="OwnerId" class="form-control" asp-items="@Model.OwnerList">
    <option value=""></option>
</select>

Thanks for the help. This was my first post and got help almost immediately, This is html. next time i will know more about how to post properly.

Answer 2

1) Make sure Model.OwnerList first value is an empty value (so it is the default value for the list).

Heres an example of creating an empty SelectListItem to place as your first item in Model.OwnerList

var empty = new SelectListItem() {
    Text = "",
    Value = ""
};

2) Make sure OwnerId doesn't already contain a value

If OwnerId already has a value, it will select the first item it finds in Model.OwnerList that matches that value

Do these two things and you will have an empty selection on load

Answer 3

Use append/prepend or appendTo/prependTo to add new empty option to the beginning or end of the list with jquery.

Make sure to run the script after document loaded:

$(function () {
    $("#OwnerId").prepend('<option></option>').val('');
});

or

$(function () {
    $('<option>', { value: '' }).appendTo($("#OwnerId"));
});