Я использую select2 для выпадающего списка
Когда пользователь вводит код в поле ввода. Если код существует, извлеките данные из кода и заполните поля ввода, используя ajax.
Проблема в том, что страны показаны в раскрывающемся списке. Если значение совпадает, выберите страну и покажите города в следующем раскрывающемся списке, который сначала пуст. Потому что не выбрана страна
Я хочу выбрать город, если он загружен в раскрывающемся списке
//country selected against the value return from ajax request
$("#country").val(data[0]['PA_COUNTRY']).trigger('change');
<select id="country" name="country">
<option value="1" selected>UK</option>
</select>
//Problem is city show late against country value
// Thats why below line not select any city
$("#city").val(data[0]['CITY']).trigger('change');
var state = data[0]['city'];
//When city will be show selected if i set 1 second delay to show city in dropdown
setTimeout(function(){
//this will work but this is not proper solution
$("#inst_cmb_province").val(state).trigger('change');
}, 2000);
Я также использую это, чтобы выбрать раскрывающийся список, но это не может работать
$("#city").select2();
$('#city').trigger("liszt:updated");
$("#city").val(data[0]['CITY']).prop("selected", true);
$("#city").select2();
$('#city').trigger("liszt:updated");