[HTML]Ajuda com Menu Drop Down

Slyfer · 21 de fevereiro de 2013

Boa tarde galera,

Sou novo em html e to tentando fazer um menu drop down que ao escolher um estado carregue outro menu logo abaixo com as cidades( a aplicação não é essa, mas é um exemplo mais fácil de entender) o código é o seguinte:


<select name="end_uf" class="textfield" id="end_uf">
<option>Selecione seu curso</option>
<option>------------------------</option>
<option value="Acre">Acre</option>
<option value="Alagoas">Alagoas</option>
<option value="Amapa">Amapa</option>
<option value="Amazonas">Amazonas</option>
<option value="Bahia">Bahia</option>
<option value="Ceará">Ceará</option>
<option value="Distrito Federal">Distrito Federal</option>
<option value="Espírito Santo">Espírito
Santo</option>
<option value="Goiás">Goiás</option>
<option value="Maranhão">Maranhão</option>
<option value="Mato Grosso">Mato Grosso</option>
<option value="Mato Grosso do Sul">Mato Grosso
do Sul</option>
<option value="Minas Gerais">Minas Gerais</option>
<option value="Pará">Pará</option>
<option value="Paraíba">Paraíba</option>
<option value="Paraná">Paraná</option>
<option value="Pernambuco">Pernambuco</option>
<option value="Piauí">Piauí</option>
<option value="Rio de Janeiro">Rio de Janeiro</option>
<option value="Rio Grande do Norte">Rio Grande
do Norte</option>
<option value="Rio Grande do Sul">Rio Grande
do Sul</option>
<option value="Rondônia">Rondônia</option>
<option value="Roraima">Roraima</option>
<option value="Santa Catarina">Santa Catarina</option>
<option value="São Paulo">São
Paulo</option>
<option value="Sergipe">Sergipe</option>
<option value="Tocantins">Tocantins</option>
</select>

quero saber como abrir um menu drop down para cada estado com suas cidades sem carregar a pagina outra vez se possivel..

Estou procurando material para aprender html também, quem tiver uma boa dica agradeço.

DiF · 21 de fevereiro de 2013

Olá Slyfer,

O exemplo que você deu é um combobox e não um menu dropdown..

Isso só é possível com com o uso de ajax(requisições assíncronas), no caso pesquise sobre como usar o ajax com jquery ( funções $.ajax(), $.post(), $.get())

Att,

Dif