刪除數據時下拉列表中的空白

Question

問題的圖像

當我嘗試從此下拉列表中刪除指定的數據時，我仍然留下一個可選擇的空白區域，該項目曾經是，即使我嘗試通過 id 指定也是這種情況，我附上了一張圖片來演示這個問題。 任何建議將不勝感激

{
    contentElement.append(
        $("<p>All boardrooms are available at this time.</p><br/>"),

        $("<div style='margin-top:10%' />").attr("id", "selector").dxSelectBox({
            placeholder: "Choose the boardroom you would like to book",
                    //
                    valueExpr: "id",
                    displayExpr: function(item) {                        
                        if(item && item.name != "Training Room" && item.name != "Ada Lovelace" && item.name != "Alexander G Bell")
                            return item.name + " " + '('+item.seats+ " "+'seats'+')';
                    },
                    onOpened: function(e){                                           

                    e.component.option("dataSource", availBoardrooms)
                    e.component.getDataSource().reload();

                },      
                    onValueChanged: function(e){

                    $("[name='boardroom']").val(e.value);
                    $("[name='boardroom']").change();
                    window.name = quickSelectDate;
                }
        })
      )
}

Answer 1

我認為您從數據源中獲取了無效數據，您可以在添加下拉選項的地方添加一個輕微的驗證

onValueChanged: function(e){
  if(e.value.length) 
  {
      // Add dropdown option 
  }
}