Django Dependent/Chained Dropdown List для более чем 2 полей

Я реализовал зависимый / цепной выпадающий список (как видно из следующего кода). Теперь, однако, мне нужно добавить поле; пока что у меня есть: провинции, города (которые появляются на основе выбранной провинции) и офисы (которые появляются на основе выбранного города). Есть ли у вас совет, как это сделать?

    <script>
        $( document ).ready(function()
        {
            var $a = $("#provddl");
                $b= $("#comddl");

                $options = $b.find('option');
                $a.on('change',function()
                {
                    $b.html($options.filter('[value="'+this.value+'"]'));
                }).trigger('change');   
        });
    </script>


        <div>
            <labe>Provincia: </label>
            <select id="provddl">
                <option> --- selezionare province--- </option>
                {% for a in A %}
                <option value="{{ a.province_id }}"> {{ a.province_name }} </option>
                {% endfor %}
            </select>
        </div>
        <div>
            <label>Comune: </label>
            <select id="comddl">
                <option> --- select city--- </option>
                {% for b in B %}
                <option value="{{ b.province_id }}"> {{ b.city_name }} </option>
                {% endfor %}
            </select>
        </div>

Вернуться на верх