Как создать зависимые списки select2.js?

Question

[Сергей Беловенцев]

есть два селекта

<select id="category" class="form-control" name="category_id">
    <option value="Уборка и помощь по хозяйству">Уборка и помощь по хозяйству</option>
    <option value="Виртиуальный помощник">Виртиуальный помощник</option>
    <option value="Компьютернная помощь">Компьютернная помощь</option>
</select>

и

<select id="sub_category" class="form-control" name="sub_category_id" ></select>

вот js

$('#category').select2({ placeholder: "Выберите из списка",allowClear: true,language: "ru",});
$('#sub_category').select2({ placeholder: "Выберите из списка",allowClear: true, language: "ru"});

Пытаюсь найти как сделать зависимые списки при помощи плагина select2. Те надо при выборе категории получать по ajax данные под категорий и вставлять во второй список . Пытался гуглить нет информации. Интересует формат ответа, у куда вставлять данные.

Comments

[Евгений Шалаев]

попробуй просто инициализировать новый виджт select2 при обработке ответа по такой съеме: получаешь ответ, строишь выпадающий список на js'e по своим данным (ну т.е тупо document.createTag('select') и т.д, понимаешь, да?), задаешь ему уникальный айдишник (обязательно, это важно), аппендишь его к предыдущему списку и на этот список делаешь вызов .select2()

[Евгений Шалаев]

типа вот так: нажми на кнопку "добавить" https://codepen.io/Clasen00/pen/BaogNjB