HTML: Select (combobox) de Estados Brasileiros

admin 2 de junho de 2016 3 Comments combobox, select

Somente Siglas

    <select name="uf" id="uf">
	<option value="">Selecione</option>
	<option value="AC">AC</option>
	<option value="AL">AL</option>
	<option value="AP">AP</option>
	<option value="AM">AM</option>
	<option value="BA">BA</option>
	<option value="CE">CE</option>
	<option value="DF">DF</option>
	<option value="ES">ES</option>
	<option value="GO">GO</option>
	<option value="MA">MA</option>
	<option value="MT">MT</option>
	<option value="MS">MS</option>
	<option value="MG">MG</option>
	<option value="PA">PA</option>
	<option value="PB">PB</option>
	<option value="PR">PR</option>
	<option value="PE">PE</option>
	<option value="PI">PI</option>
	<option value="RJ">RJ</option>
	<option value="RN">RN</option>
	<option value="RS">RS</option>
	<option value="RO">RO</option>
	<option value="RR">RR</option>
	<option value="SC">SC</option>
	<option value="SP">SP</option>
	<option value="SE">SE</option>
	<option value="TO">TO</option>
    </select>

Sigla + Nome completo

    <select name="uf" id="uf">
	<option value="">Selecione</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">Espírito Santo</option>
	<option value="GO">Goiás</option>
	<option value="MA">Maranhão</option>
	<option value="MT">Mato Grosso</option>
	<option value="MS">Mato Grosso do Sul</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>

3 thoughts on “HTML: Select (combobox) de Estados Brasileiros”

ALAN SODER

27 de agosto de 2016 em 10:43

Muito obrigado pela contribuição 🙂
Resposta
Carlos Alberto

24 de junho de 2019 em 13:58

Como linkar essas cidades e abrir uma página específica,,?
Resposta
- Tiago
  
  24 de junho de 2019 em 14:52
  Carlos,
  
  Faça o seguinte:
  – acrescente uma função no evento onchange, passando como parâmetro o valor selecionado.
  <select name="uf" id="uf" onchange="montaURL( this.value )"> ....
  <select name="uf" id="uf" onchange="montaURL( this.value )"> ....
  – a função montaURL() receberá o valor selecionado e será utilizado como parte da url de redirecionamento.
  <script type="text/javascript"> function montaURL(valor){ window.location.href="http://www.seusite.com.br?uf=" + valor; } </script>
  <script type="text/javascript"> function montaURL(valor){ window.location.href="http://www.seusite.com.br?uf=" + valor; } </script>
  Resposta

Você pode gostar também

Selecionando vários Checkboxes em Páginas da Web: Dicas Práticas

Como adicionar Font Awesome no JsFiddle

JQuery: Enviando dados com FormData e $.ajax

3 thoughts on “HTML: Select (combobox) de Estados Brasileiros”

Deixe um comentário Cancelar resposta