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 無效。 再次調用選擇器時，您不需要 append 和 hash 。

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