Question

为什么我的选择不起作用？

我有两个选择，它是states和city，city将更改取决于所选的states。

这是在使用选择之前它的工作：

$('#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>以及js上添加states的每个类city时，它将无法用于更改。

$('.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功能。如果你使用obj的类名复杂，请使用ID

$（OBJ）.selectize（{ .... }， onChange：function（value）{ fnBindSub（值）; } }）;

Selectize.js改变不起作用

1 个答案: