Javascript 批量添加项目以Selectize.js控件完全暂停浏览器

我正在使用selectize.js显示一个包含zipcodes和cities的多选下拉列表。当使用自动完成搜索一次搜索并添加一个项目时，它的功能很好，但是当我试图从多维数组中添加一批zipcodes时，它会完全刷新页面，插入一批100个左右的邮政编码需要20秒以上的时间

下面是我的两个add和remove函数，使用多维zipcodes数组中的数据，具有父区域id。事件通过区域数组中第一个维度值的区域下拉菜单触发

          var control = new Array();
          control.push($select[0].selectize);
          control.push($select[1].selectize);

          function addItemToselect(key_index, region){
                  var index;
                         for (index = 0; index < region_relations[region].length; ++index) {

                                control[key_index].addItem(region_relations[region][index]);


                          }

           }
           function removeItemToselect(key_index, region){
                    var index;
                         for (index = 0; index < region_relations[region].length; ++index) {

                                control[key_index].removeItem(region_relations[region][index]);

                          }
           }

var control=new Array（）；
控件。推送（$select[0].selectize）；
control.push（$select[1].selectize）；
函数addItemToselect（键索引，区域）{
var指数；
对于（索引=0；索引

我似乎找不到这个问题的解决方案-我想我可以使用jQuery设置选中的原始选项，并在selectize中调用refreshItems（）函数，但selectize实际上是清空原始选项，因此，只有使用selectize选择某个项目时，该元素中才会出现选项-脚本本身包含一个addItems（）函数，但基本上与上面的操作相同，我希望selectize addItem能够有效地批量添加项目，但现在看来，我可能运气不好，我们说的是一次最多添加或删除100个项目

你有什么建议吗

我的问题可以在这页“真实生活”中演示：，控件在左边

提前谢谢你的帮助