javascript - 使用jquery单击选择时如何刷新下拉菜单？

Question

我在 mvc 中有一个下拉列表

@Html.DropDownList(
  "Name", 
  new SelectList(Model.Product, "Value", "Text"), 
  string.Concat("-- ", "Please select the item", " --"), 
  new { id = "Product", Class = "form-control" }
)

我动态填充下拉列表。效果很好。一切正常。当我更改项目时，我使用 jquery onchange 方法执行我想要的操作并刷新下拉列表。但我想在用户单击“请选择项目”时刷新下拉列表。当我单击请选择时，不会调用 onchange 方法。我怎样才能做到这一点？

$DropDown.on("change", function () {


            //Here i perfome action
        });

Answer 1

您可能想要提取“onchange”函数以便重用它。类似这样的事情

var changeCallback = function(e) {
  // chage logic
}
$("#dropdownlistname").on("change", changeCallback);
$("#dropdownlistname").on("click", changeCallback);