-1
なぜ私の選択が機能しないのですか?変更時にSelectize.jsが機能しない
私は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>