이전 데이터는 selectize js에서 새 데이터로 바뀌지 않습니다

Question

저는 ajax로 작업 중이며 js을 선택합니다. 드롭 다운 메뉴의 값에 따라 동적 데이터을 선택 선택 상자에 입력하고 싶습니다. 나는 아약스 전화를 썼다. 처음으로에서 드롭 다운 메뉴 을 변경하면 데이터가 선택 상자에로드됩니다. 그러나 드롭 다운 메뉴를 다시 변경할 때 상자의 데이터 선택은 동적으로 변경되지 않습니다. 내가 처음 선택한 데이터가 항상 거기에 표시됩니다. 콘솔에서 드롭 다운 값에 따라 데이터가 으로 동적으로 나타납니다. 그러나 박스를 선택하도록 지정되지 않았습니다.

$('.branchName').bind("change", function() {  

    $.ajax({ 
     type : "GET", 
     url : "${listRestBranches}", //URL 
     data : {'branchId':branchVal}, //value 
     contentType : "application/json; charset=utf-8", 
     cache : true, 
     success : function(getRestDept) { 

      console.log(JSON.stringify(getRestDept)) // getting dynamic results accroding to drop-down bind 

      var $select = $('#select-rest-department').selectize({ 
         plugins: ['remove_button'], 
         maxItems: null, 
         valueField: 'departmentId', 
         labelField: 'departmentName', 
         searchField: 'departmentName', 
         options: getRestDept, 
         create: false 
        }); 
      var control = $select[0].selectize; 
       control.clear();  
     }, 
     error : function(data) { 
      console.log(data) 

     } 

    }) 
}) 

저는이 문제를 해결하는 데 매우 지쳐 있습니다. 온라인 레퍼런스를 사용했지만, 만들 수 없었습니다. 미리 감사드립니다

Answer 1

console.log() 아래 시도하십시오. 이전 데이터를 파괴해야합니다. 그래서 이것을 사용할 수 있습니다

$('#select-rest-department').selectize()[0].selectize.destroy();