В моем проекте у меня есть 5 зависимых выпадающих окон, и я использовал выбор2 для этого. Я должен выбрать первые 3 поля автоматически с помощью ajax, а остальные два поля пользователь заполнит, и, если он захочет, он также может изменить данные первых 3 блоков. Но проблема в том, что когда я пытаюсь выбрать первые 3 поля с помощью ajax, иногда не удается выбрать элементы, поступающие с сервера, но следующее поле выбирается правильно.
Вот мой код JavaScript -
function loadTempAdress(){ // Id of all address field and jquery selector pass here
$('.division-parma').val(2).trigger('change');
$.ajax({
type: 'post',
url: 'GetDistricts',
data: {
get_option:2
},
success: function(response) {
$('.district-parma').html(response);
$('.district-parma').val(42).trigger('change');
$('.district-parma').val(42).trigger('change');
$.ajax({
type: 'post',
url: 'GetUpazila',
data: {
get_option:42
},
success: function(response) {
$('.upazilla-parma').html(response);
$('.upazilla-parma').val(67).trigger('change');
}
});
}
});
Вот скриншот этого сценария -
N.B .: в изображении, но не на