Chain Select like in https://selectize.dev/demos/2018/01/02/city-state/

[ghost]

I try the same with the example from cities.html

var xhr;
var topic_id, $topic_id;
var subtopic_id, $subtopic_id;

$topic_id = $('#topic_id').selectize({
  onChange: function(value) {
    if (!value.length) return;
    subtopic_id.disable();
    subtopic_id.clearOptions();
    subtopic_id.load(function(callback) {
		xhr && xhr.abort();
		xhr = $.ajax({
		url: '<?= base_url("topics/getsubtopic") ?>',
		data: {topic_id : value},
		success: function(results) {
          subtopic_id.enable();
          callback(results);
        },
        error: function() {
          callback();
        }
	})
    });
  }
});

$subtopic_id = $('#subtopic_id').selectize({
  valueField: 'id',
  labelField: 'name',
  searchField: ['name'],
});

subtopic_id  = $subtopic_id[0].selectize;
topic_id = $topic_id[0].selectize;

subtopic_id.disable();

in result, the ajax is successfully load the data after I choose the topic_id, but it is not showing in subtopic_id

[fabienwnklr]

Hi, can u create a fiddle/codepen/CodeSandbox and recreate this please ? it'll be easier to debug and help you :)