Question

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

我尝试了.empty()，刷新等操作，但是显示不正确的结果。请帮忙.. 代码如下：

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);
          },
        });

在范围内，它显示未通过.empty（）和其他选项清除的选定值。

browser genrated html code view

Answer 1

尝试一下

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

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

1 个答案: