<div class="col-md-4 form-group">
<label for="division_id">ڈویژن:</label>
<select name="division_id" id="division_id" class="form-control" required="required">
<option value="">-- انتخاب کریں --</option>
<t t-foreach="divisions" t-as="division">
<option t-att-value="division.id" t-esc="division.name"></option>
</t>
</select>
</div>
<div class="col-md-4 form-group">
<label for="district_id">تحصیل:</label>
<select name="district_id" id="district_id" class="form-control" required="required">
<option value="">-- انتخاب کریں --</option>
<t t-foreach="districts" t-as="district">
<option t-att-value="district.id" t-esc="district.name"></option>
</t>
</select>
</div>
<div class="col-md-4 form-group">
<label for="town_id">ٹاؤن:</label>
<select name="town_id" id="town_id" class="form-control" required="required">
<option value="">-- انتخاب کریں --</option>
<t t-foreach="towns" t-as="town">
<option t-att-value="town.id" t-esc="town.name"></option>
</t>
</select>
</div>
@http.route('/get_districts', type='json', auth='public', methods=['POST'])
def get_districts(self, division_id=None):
if not division_id:
return {'districts': []}
districts = request.env['madrasa.districts'].sudo().search([
('division_id', '=', int(division_id))
])
return {
'districts': [{'id': d.id, 'name': d.name} for d in districts]
}
(script.....)
divisionField.addEventListener("change", function () {
if (this.value) {
fetchOptions("/get_districts", { division_id: this.value }, districtField, "districts");
}
});
districtField.addEventListener("change", function () {
if (this.value) {
fetchOptions("/get_towns", { district_id: this.value }, townField, "towns");
}
});
after selection of Division, Districts are not loading
