Selectize.js на изменения не работает

Question

Почему мой выбор не работает?

У меня есть два выбора, и это 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,
            }));
        })
    });
});

но когда я пытаюсь добавить класс selectize каждый из <select> на states а также city и JS, то это не будет работать на изменение.

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

Выберите функцию on-build onchange, которую вы можете использовать в зависимости от ваших условий. если вы используете имя класса для obj что-то усложнить, пожалуйста, используйте ID

$ (obj).selectize ({....}, onChange: function (value) {fnBindSub (value);}});