引导多选重建后坚持检查项目

Question

我正在使用bootstrap-multiselect来获取选定类别下的项目。
有类别列表。

  

cat-1
  猫2
  三号猫
  4号猫
  cat-5

选中类别后，它将获取该类别下的项目。这些项目也是可以选择的。
在某个类别下成功获取项目后，我需要重建多选，以便它可以显示获取的项目。
问题在于，当选择另一个类别时，它现在会提取两个类别下的项目，而我会丢失以前的选择。
有什么办法可以解决这个问题？

 $(document).ready(function() {

        $('#commodity').multiselect({
            buttonWidth:165,
            maxHeight: 400 
        })
        $('#category').multiselect({
            buttonWidth:165,
            maxHeight:200,
            onChange: function(option, checked, select) {
                      var categories= $('#category option:selected');
                      var selected = [];
                      $(categories).each(function(index, category){
                          selected.push([$(this).val()]);
                       });

                       $.post("get-commodities",
                         {
                           selected_categories: selected,
                           "_token": "{{ csrf_token() }}"
                         },

                        function(data, status){
                          var html='';
                          for(var category in data)
                          {
                              html +='<option value="'+category+'">'+data[category]+'</option>';
                          }
                          $('#commodity').html(html);
                          console.log(html);
                          $('#commodity').multiselect('rebuild');
                        });             
            }
        });


    });