я буду любить решение этой проблемы ниже. я хочу ситуацию, когда я выбираю вариант "Доктор", который скрывает список специалистов, и когда я выбираю специалиста, он отображает список специалистов. благодаря
<tr><td colspan=2 ><strong>Doctor Locator</strong></td></tr>
<tr><td>
<?php
$doc = 'Doctors';
$spel = 'Specialist';
$medic = array($doc, $spel);
sort ($medic);
echo "<select>";
foreach ($medic as $m)
{
echo "<option value=\"$m\">$m</option>";
}
echo "</select> <br/> ";
?>
<select name="txt_specialize" style="width: 400px; height: 25px">
<?php
$specialist = array('Surgeon','Neurosurgeon','','Neurologist','Occupational Medicine Physician','Ophthalmologist',
'Oral and Maxillofacial Surgeon','Pathologist','Psychiatrist','Podiatrist','Nephrologist','Otolaryngologist',
'Internal Medicine Physician','Gastroenterologist','Emergency Physicians','Hermatologist','Dermatologist',
'Anesthesiologist','Immunologist','Orthopaedic Surgeon','Radiation Onconlogist','Gynaecologist','Dentist',
'Optician','Cardiologist','Pediatrician','Urologist','Diagnostic Radiologist','Pulmonary Medicine Physician',
'Rheumatologist','Plastic Surgeon');
sort ($specialist);
foreach ($specialist as $s)
{
echo "<option value=\"$s\">$s</option>";
}
echo "</select>"
?>
</td></tr>
<tr><td>
Вы можете легко сделать это с помощью jQuery. Если вы дадите первый выбор идентификатора "type", вы можете добавить следующий jQuery:
$(document).ready(function(){
$("select[name='txt_specialize']").hide();
$("select#type").change(function(){
if($(this).val() == 'Doctor')
{
$("select[name='txt_specialize']").hide();
}
else
$("select[name='txt_specialize']").show();
});
});
Прикрепите событие change
к вашему первому полю выбора.
В обратном вызове обновите содержимое selectbox по своему вкусу.
Добавьте атрибуты данных в txt_specialize $ s и выполните скрипт записи следующим образом: select doctor
$('#doctor').change(function(e){
var doc = $('#doctor').val();
$("#specialist option").each(
function(){
if ($(this).attr('data-doctor')==doc){
$(this).show()
}else{
$(this).hide()
}
})
})