无法删除和添加多选下拉列表中的项目

Question

我在删除多选下拉列表中并添加新项目时遇到问题。 mutliselect下拉列表完全不变。我想做的是在将新项目附加到同一列表之前，清空ID为#to的多选下拉列表中的所有项目。但是，旧项目仍然存在于我的下拉列表中。

$('#toList').change(function() {
    $("#to").empty();
    var toList = $("#toList").val();
    $.post("${createLink(controller:'account', action: 'setList')}", {
       toList: toList
    },
    function(result) {
        if (result.status) {
           $.each(result["toList"], function (i, item) {
               if (item != null && item != "") {
                   $('#to').append($('<option>', {
                       value: item,
                       text : item
                   }));
               }
           });
       }
   });
   $("#to").multiselect('reload');
})