选择其他选项后，多选下拉未清除值

Question

我有两个下拉列表，如果我从第一个下拉列表中选择值，id 将被传递到第二个下拉列表，这是 Bootstrap 的多选下拉列表。 问题是，如果该 id 在数据库中没有显示先前选择的值的记录。

我已经尝试过.empty(),refresh 等，但它没有显示正确的结果。 请帮忙.. 代码如下：

var ID = $("#AreaMasterID").val();
$.ajax({
      url: '../AllocateDump/FillDumpingSite',
      type: "POST",
      data: {
        "AreaMasterID": ID
      },
      async: false,
      dataType: "json",
      success: function(res) {
        if (res.length == 0) {
          $("#DumpID").val('0');
          $("#DumpID").val(' ');
          //$("#DumpID").multiselect('refresh'); 
          // $("#DumpID option").remove();                        
          //$("#DumpID").multiselect('destroy');

        } else {
          for (var i = 0; i < res.length; i++) {
            $("#DumpID").empty()
                        .append($("<option></option>")
                        .val(res[i].DumpingSiteID)
                        .html(res[i].DumpSiteName));
              }
              $('#DumpID').multiselect({
                includeSelectAllOption: true
              });
            }
            $("#DumpID").multiselect('refresh');
          },
          error: function(err) {
            $.kanNotify.error(err);
          },
        });

在 span 中，它显示未被 .empty() 和其他选项清除的选定值。

browser genrated html code view

Answer 1

试试这个

for (let i = 0; i <= $('#DumpID option').length; i++) {
  $("#DumpID").remove(i);
}