Ajax com HTML

Rapaziada, tenho um problema que é o seguinte. Supondo que tenho um formulário com campo SELECT e ao selecionar por exemplo a especialidade médica cardiologista, fazer uma requisição AJAX no servidor e montar outro select com os médicos de tal especialidade.

Qual sua dúvida exatamente? No geral é só usar o evento onchange. Exemplo:

HTML:

<select onchange="carregarMedicos(this)">
  <option value="1">Cardiologosta</option>
</select>

JS:

    function carregarMedicos(selectEspecialidade) {
      var idEspecialidade = selectEspecialidade.options[selectEspecialidade.selectedIndex].value;

      //faz a requisacao ajax passando o id da especialidade e na resposta preenche o select de medicos desta especialidade
    }
1 curtida