変更時にSelectize.jsが機能しない

Question

なぜ私の選択が機能しないのですか？

私は2つの選択肢を持っており、それはstatesとcityです。cityは、選択されたstatesによって変わります。

これはselectizeを使用する前で、それが仕事だ：

$('#state').on('change', function(){ 
    var state_id = $(this).find(':selected').val(); 
    $("#city").children().remove(); 

    $("#city").append($('<option>', { 
     value: "", 
     text: "", 
    })); 

    $.ajax({ 
     type: "GET", 
     url: "{{ URL::route('getCityByState') }}", 
     data: { state_id: state_id } 
    }).done(function(result) { 
     $(result).each(function(){ 
      $("#city").append($('<option>', { 
       value: this.id, 
       text: this.name, 
      })); 
     }) 
    }); 
}); 

が、私はstatesとcityとJSでクラスselectize<select>のそれぞれを追加しようとすると、それは変化に動作しません。

$('.selectize').selectize({ 
    persist: false, 
    createOnBlur: true, 
}); 

と

<select class="selectize" name="states" id="state" required>...</select> 
<select class="selectize" name="city" id="city" required>...</select> 

Answer 1

で-構築のonchange目的球をselectizeはあなたの条件に基づいて使用することができます提供されています。 {; fnBindSub（値）} 機能（価値）：あなたがobj何か複雑用のクラス名を使用している場合、ID

$（OBJ）.selectize（{ .... }、 のonChangeを使用してください}）;