私は<em>ajaxで作業しており、js</em>を選択すると、古いデータは新しいデータで置き換えられません。

Question

ドロップダウンメニューの値に応じて、動的データをselectize selectボックスに入力したいとします。私はajax呼び出しを書いた。私が初めてでドロップダウンメニューを変更すると、データはselectize boxに読み込まれます。しかし、ドロップダウンメニューを再度変更すると、ボックスのデータの選択は動的に変化しません。 最初に選択したデータが常にそこに表示されています。コンソールは、ドロップダウン値に応じてデータがに動的に来ることを示します。しかし、ボックスを選択するために割り当てられていません。

$('.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();