Html.listboxfor () как захватить событие при изменении / добавлении элемента - Jquery MVC (C #)

Question

У меня есть требование, которое я хочу записать при добавлении элемента в список в MVC C #. Есть два списка, один для доступных элементов и другой для выбранных, и я использую кнопки для добавления элементов из доступных в выбранные. Я не могу использовать события кнопок, поскольку они написаны в общем для нескольких экранов. Поэтому мне нужно что-то вроде события изменения выбранного списка, чтобы я мог выполнить определенное действие.

Не могу понять, почему событие change не работает.

@Html.ListBoxFor(x => x.SelectedValues, new MultiSelectList(Model?.SelectedValues, "Code", "Description"), new 
{ 
  @style ="width:300px; ", 
  size = 20, 
  name = "All", 
  @class = "evo-no-padding-right" 
})

$('#SelectedValues').change(function () {
  const selected = $("#SelectedValues");
  if (selected.length > 0) {
    $("#" + selected).width = "300px";
  } else {
    $("#" + selected).width = "260px";
  }
});

Пожалуйста, предложите что-нибудь.

Answer 1

Ваш jQuery недействителен. Вам не нужно добавлять хеш при повторном вызове вашего селектора.

const selected = $("#SelectedValues");
if (selected.length > 0) {
    $(selected).css("width", "300px");
} else {
    $(selected).css("width", "260px");
}