У меня есть такой код скрипта:
<div class="row blue-chelsea" data-hospital="">
<div class="col s12 m9 l10">
<div class="row">
<div class="input-field col s12 m6 l6">
<select id="selectHospital" class="browser-default auto-complete-element">
<option value="">Select hopsital</option>
</select>
</div>
<div class="input-field col s12 m6 l6">
<select id="selectSpecialist" class="browser-default auto-complete-element">
<option value="">Select specialist</option>
</select>
</div>
<div class="input-field col s12 m12 l12">
<input id="doctor_name" type="text" placeholder="Doctor name">
</div>
</div>
</div>
<div class=" input-field col s12 m2 l2 center-align">
<a id="btn-sch-doctor" class=" waves-effect waves-dark btn btn-orange">Search doctor</a>
</div>
</div>
<ul id="schedule" class="collapsible z-depth-0 row no-border" data-collapsible="accordion" data-total="10" data-filter-hpt="" data-filter-spc=""></ul>
<div class="row">
<div id="sch-doctor" class="col s12 center " data-page="1">
</div>
</div>
<script src="/Content/assets/script/doctors.js"></script>
<script type="text/javascript">
$(document).ready(function () {
doctors.getHospital({ el: $('#selectHospital') });
var dropdownspecialist = $('#selectSpecialist');
doctors.getSpecialist({
hospital_id: $(this).val(),
apiurl: '',
spec: dropdownspecialist
});
$('#doctor_name').keypress(function (e) {
if (e.which == 13) {
var filHospital = $('#selectHospital').val();
if (typeof filHospital === 'undefined') {
filHospital = $('.our-doc').data('hsp');
}
var filname = $('#doctor_name').val();
if (filname === 'undefined') {
filname = $('#doctor_name_our').val();
}
var filSpc = $('#selectSpecialist').val();
var load = '<div class="progress"><div class="indeterminate"></div></div>';
$('#schedule').html('');
$('#schedule').append(load);
if (filname != null || filSpc != null) {
doctors.getDoctors({
hospital_id: filHospital, specialty_id: filSpc, doctor_name: filname, cur_page: 1, cur_size: 10
});
}
}
});
$('#selectHospital').change(function () {
var dropdownspecialist = $('#selectSpecialist');
doctors.getSpecialist({
hospital_id: $(this).val(),
apiurl: '',
spec: dropdownspecialist
});
});
$('#btn-sch-doctor').click(function () {
$('#sch-doctor').data('page', 1);
var filHospital = $('#selectHospital').val();
var filname = $('#doctor_name').val();
var filSpc = $('#selectSpecialist).val();
var load = '<div class="progress"><div class="indeterminate"></div></div>';
$('#schedule').html('');
$('#schedule').append(load);
if (filname != null || filSpc != null) {
doctors.getDoctors
hospital_id: filHospital, specialty_id: filSpc, doctor_name: filname, cur_page: 0, cur_size: 10, menu: 'find_a_doctor_menu'
});
}
});
});
</script>
И doctor.js вы можете увидеть здесь:
https://pastebin.com/k2hbPQtT
Код выше работалЧто ж.при нажатии на кнопку поиска отобразится список врачей.и когда нажмете кнопку «показать расписание», будет отображено расписание врача
, но здесь я хочу изменить поток, я хочу, когда я нажимаю кнопку поиска, он отобразит список врачей и всех врачейграфики сразу появляются.поэтому я хочу исключить кнопку «показать расписание».
моя проблема в том, как я могу это сделать?и замедлит ли это процесс?
Я надеюсь, что некоторые люди могут предоставить варианты ответа