sábado, 17 de janeiro de 2009

Codigo Pronto - Select de Estados do Brasil

Muitas vezes nós programadores temos casos onde precisamos fazer coisas que já fizemos antes ou fazer algo repetitivo, pensando nisso estarei criando uma seção onde serão postados códigos já prontos e organizados da melhor forma possível, isso para agilizar o trabalho de procurar no Google ou até mesmo digitar tudo. Então quando quiser o esse código procure na categoria 'Código Pronto' e boa sorte.

A dica de hoje é o Select de Estados do Brasil, onde neste fim de semana ao fazer um projeto tivemos um amigo e eu, uma demora enorme para achar um código agradável e ainda assim tava ruim, pois aqui fica a dica e até mais.

Exemplo:



Codigo HTML:

<select name="Estados">
<option value="0">Selecione o Estado</option>
<option value="ac">Acre</option>
<option value="al">Alagoas</option>
<option value="ap">Amapá</option>
<option value="am">Amazonas</option>
<option value="ba">Bahia</option>
<option value="ce">Ceará</option>
<option value="df">Distrito Federal</option>
<option value="es">Espirito Santo</option>
<option value="go">Goiás</option>
<option value="ma">Maranhão</option>
<option value="ms">Mato Grosso do Sul</option>
<option value="mt">Mato Grosso</option>
<option value="mg">Minas Gerais</option>
<option value="pa">Pará</option>
<option value="pb">Paraíba</option>
<option value="pr">Paraná</option>
<option value="pe">Pernambuco</option>
<option value="pi">Piauí</option>
<option value="rj">Rio de Janeiro</option>
<option value="rn">Rio Grande do Norte</option>
<option value="rs">Rio Grande do Sul</option>
<option value="ro">Rondônia</option>
<option value="rr">Roraima</option>
<option value="sc">Santa Catarina</option>
<option value="sp">São Paulo</option>
<option value="se">Sergipe</option>
<option value="to">Tocantins</option>
</select>

Valeu.

24 comentários:

  1. valew mesmo me poupou muito tempo!!! Valew.. até a próxima...

    ResponderExcluir
  2. Valew mesmo! Poupou o tempo de ficar digitando estado por estado...

    ResponderExcluir
  3. Muito bom. Só que bem que podia ter colocado os values em MAISCULO também. hehehe
    Eu fiz desta forma, usei as abreviações do value em maísculo e alerto o pessoal para deixá-lo nos SNIPPETS do Dreamweaver.

    ResponderExcluir
  4. valeu, me salvou um tempão

    ResponderExcluir
  5. essa eh a ideia , ganhar tempo

    ResponderExcluir
  6. Me salvou um baita tempo num protótipo aqui, se eu ficar rico te dou uma porcentagem rsrs.

    valeu!

    ResponderExcluir
  7. dreamweaver? HAHAHAHAHAHAH..

    ResponderExcluir
  8. Valeu cara me poupou bastante tempo brigadu!!

    ResponderExcluir
  9. Cara, vlw mesmo, me poupou tempo pra caraaamba de ficar digitando estado por estado :)

    ResponderExcluir
  10. Deixa o abreviado aí também! Pra quando não tiver espaço!


    <select name="estado">
    <option value="">--</option>
    <option value="AC">Acre</option>
    <option value="AL">Alagoas</option>
    <option value="AP">Amapá</option>
    <option value="AM">Amazonas</option>
    <option value="BA">Bahia</option>
    <option value="CE">Ceará</option>
    <option value="DF">Distrito Federal</option>
    <option value="ES">Espirito Santo</option>
    <option value="GO">Goiás</option>
    <option value="MA">Maranhão</option>
    <option value="MS">Mato Grosso do Sul</option>
    <option value="MT">Mato Grosso</option>
    <option value="MG">Minas Gerais</option>
    <option value="PA">Pará</option>
    <option value="PB">Paraíba</option>
    <option value="PR">Paraná</option>
    <option value="PE">Pernambuco</option>
    <option value="PI">Piauí</option>
    <option value="RJ">Rio de Janeiro</option>
    <option value="RN">Rio Grande do Norte</option>
    <option value="RS">Rio Grande do Sul</option>
    <option value="RO">Rondônia</option>
    <option value="RR">Roraima</option>
    <option value="SC">Santa Catarina</option>
    <option value="SP">São Paulo</option>
    <option value="SE">Sergipe</option>
    <option value="TO">Tocantins</option>
    </select>

    ResponderExcluir
  11. Deixa o de estados abreviados para quem precisar também!

    <select name="estado">
    <option value="">--</option>
    <option value="AC">Acre</option>
    <option value="AL">Alagoas</option>
    <option value="AP">Amapá</option>
    <option value="AM">Amazonas</option>
    <option value="BA">Bahia</option>
    <option value="CE">Ceará</option>
    <option value="DF">Distrito Federal</option>
    <option value="ES">Espirito Santo</option>
    <option value="GO">Goiás</option>
    <option value="MA">Maranhão</option>
    <option value="MS">Mato Grosso do Sul</option>
    <option value="MT">Mato Grosso</option>
    <option value="MG">Minas Gerais</option>
    <option value="PA">Pará</option>
    <option value="PB">Paraíba</option>
    <option value="PR">Paraná</option>
    <option value="PE">Pernambuco</option>
    <option value="PI">Piauí</option>
    <option value="RJ">Rio de Janeiro</option>
    <option value="RN">Rio Grande do Norte</option>
    <option value="RS">Rio Grande do Sul</option>
    <option value="RO">Rondônia</option>
    <option value="RR">Roraima</option>
    <option value="SC">Santa Catarina</option>
    <option value="SP">São Paulo</option>
    <option value="SE">Sergipe</option>
    <option value="TO">Tocantins</option>
    </select>

    ResponderExcluir
  12. Adorei, mas sou inciante. Como faço para que quando a pessoa clique no estado seja direcionada para um site específico?

    ResponderExcluir
    Respostas
    1. "Seu Pediatra" voce terá que colocar um evento em javascript, que será o onchange="" caso tenha conhecimento pode ate fazer com jQuery

      Excluir
  13. Valeu, ajudou muito!

    ResponderExcluir
  14. Deixo aqui meu array PHP.

    $estados_br = array(
    "AL" => "AL - Alagoas",
    "AM" => "AM - Amazonas",
    "AP" => "AP - Amapá",
    "BA" => "BA - Bahia",
    "CE" => "CE - Ceará",
    "DF" => "DF - Distrito Federal",
    "ES" => "ES - Espírito Santo",
    "GO" => "GO - Goiás",
    "MA" => "MA - Maranhão",
    "MT" => "MT - Mato Grosso",
    "MS" => "MS - Mato Grosso do Sul",
    "MG" => "MG - Minas Gerais",
    "PA" => "PA - Pará",
    "PB" => "PB - Paraíba",
    "PR" => "PR - Paraná",
    "PE" => "PE - Pernambuco",
    "PI" => "PI - Piauí",
    "RJ" => "RJ - Rio de Janeiro",
    "RN" => "RN - Rio Grande do Norte",
    "RO" => "RO - Rondônia",
    "RS" => "RS - Rio Grande do Sul",
    "RR" => "RR - Roraima",
    "SC" => "SC - Santa Catarina",
    "SE" => "SE - Sergipe",
    "SP" => "SP - São Paulo",
    "TO" => "TO - Tocantins"
    );

    ResponderExcluir

Comentar motiva novos posts, assim como posts até mesmo melhores.