Skip to content

Instantly share code, notes, and snippets.

@zerobugs-oficial

zerobugs-oficial/select2_example.html

Created June 23, 2020 00:42
Show Gist options
  • Save zerobugs-oficial/2a48465cc26d23ef50d854248e845a26 to your computer and use it in GitHub Desktop.
Save zerobugs-oficial/2a48465cc26d23ef50d854248e845a26 to your computer and use it in GitHub Desktop.
Download ZIP
Exemplo de implementação simples do select2 para uma caixa selectora dos estados do Brasil
Raw
select2_example.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
</head>
<body>
<label for="">Selecione seu Estado:</label>
<select id="estado">
<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>
<script>
$(document).ready(function() {
$('#estado').select2();
});
</script>
</body>
</html>
@tonyeric
Copy link

tonyeric commented May 4, 2024

Muito bom. Agora eu estou procurando o codigo de um buscador que me de uma lista dos produtos buscados e existentes na loja, com a url de cada um.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment