Мой HTML-код выглядит так:
<div class="row">
...
<div class="col s12 m8 input-field">
<select id="dropdown_hospital" class="browser-default auto-complete-element required">
<option value="">Select hospital</option>
</select>
</div>
</div>
<div class="row">
....
<div class="col s12 m8 input-field">
<select id="dropdown_specialist" class="browser-default auto-complete-element">
<option value="">Select specialist</option>
</select>
</div>
</div>
<div class="row">
...
<div class="col s12 m8 input-field">
<select id="dropdown_doctor" name="dropdown_doctor" class="browser-default auto-complete-element required">
<option value="">Select doctor</option>
</select>
</div>
</div>
Мой JavaScript-код выглядит так:
function getComplete({ doctor_id, elementDoctor }) {
$.ajax({
url: api,
data: { doctorId: doctor_id },
...
success: function (result) {
$.each(result.data, function (index, item) {
var doctoritem = '<option data-hosp="' + item.hospital_id + '" data-spec="' + item.specialist_id + '"value=' + item.doctor_id + '>' + item.doctor_name + '</option>';
$(doctoritem).appendTo(elementDoctor);
});
},
...
}).done(function () {
elementDoctor.select2();
$('#dropdown_doctor').val(doctor_id).trigger('change');
var h = $('#dropdown_doctor option:selected').data('hosp');
var s = $('#dropdown_doctor option:selected').data('spec');
$('#dropdown_specialist').val(s);
$('#dropdown_hospital').val(h).trigger('change');
...
});
};
, когда вызывается метод getComplete, он вызывает api и отображает данные врача вОпция по идентификатору доктора
после завершения ajax будет запускать процесс
Моя проблема в том, что были выбраны только больницы и врачи, а специалист не выбрал
почему не был выбран специалист?