Select2 / JQuery
Estou a realizar uns exemplos de estudos com Select2 (Feito download em http://select2.github.io/select2/)) e Jquery. Estou seguindo um tutorial para o uso do mesmo... Porém não consigo fazer uma função (format) funcionar e não estou conseguindo entender o por que. Coloquei Alert e Logs mas não funciona o da função... Agradeço pela ajuda desde já. Segue exemplo a seguir:
<html>
<head>
<title>Seletores JQuery</title>
<script src="https://code.jquery.com/jquery-3.2.0.js" integrity="sha256-wPFJNIFlVY49B+CuAIrDr932XSb6Jk3J1M22M3E2ylQ=" crossorigin="anonymous"></script>
<link href="select2/dist/css/select2.min.css" rel="stylesheet" />
<script src="select2/dist/js/select2.min.js"></script>
</head>
<body style="text-align: center">
<form>
<select id="carros" style="width: 300px;">
<option value="VV">Volvo</option>
<option value="SB">Saab</option>
<option value="MC">Mercedes</option>
<option value="AD">Audi</option>
</select>
</form>
</body>
</html>
<script type="text/javascript">
$( document ).ready(function() {
console.log( "INICIO" );
alert("INICIO");
$("#carros").select2({
placeholder: "Selecione Carros:",
allowClear: true,
formatResult: format,
formatSelection: format,
escapeMarkup: function(m) { return m; }
});
console.log( "FIM" );
alert("FIM");
});
function format(state) {
console.log( "DENTRO DA FUNCAO" );
alert("DENTRO DA FUNCAO");
alert('ID:' + state.id + ' - Carro:' + state.text);
}
</script>Discussão (0)
Carregando comentários...