Как изменить цвет фона по текущему значению select?

Question

Используя asp-core net 2.2 mvc, я бы хотел изменить цвет фона тега div на текущее значение select

Я определил следующий выбор в представлении:

<div id="bgcolor" class="form-group">
  <label asp-for="BackGround" class="control-label"></label>
    <select asp-for="BackGround" asp-items="Html.GetEnumSelectList<BackGroundColor>()" onchange="changeBackground">
      <option selected="selected" value="">Please select</option>
    </select>
</div>

Затем я добавил скрипт:

@section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
<script>
    function changeBackground(value) {
        $("#bgcolor").removeClass("bg-primary bg-secondary bg-warning").addClass(value)
    };
</script>
}

Перечисление имеет следующие значения

public enum BackGroundColor
{
    bg-primary,
    bg-secondary,
    bg-success,
    bg-danger,
    bg-warning,
}

Я даже не уверен, что скрипт загружен. Не могли бы вы указать правильный путь?

Answer 1

 <select asp-for="BackGround" asp-items="Html.GetEnumSelectList<BackGroundColor>()" onchange="changeBackground(this)">

function changeBackground(data)
{
//put this data.value where ever you want
alert(data.value);
}

 $("#bgcolor").removeClass("bg-primary bg-secondary bg-warning").addClass(data.value);

пожалуйста, попробуйте.